@font-face{font-family:DM Serif Display;src:url(/demos/templates/homestay-01/assets/-nFnOHM81r4j6k0gjAW3mujVU2B2K_J709jy92k.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Body;src:url(/demos/templates/homestay-01/assets/G6AF2CHLF7U443YAKNG42CSO2I2VD6MV.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--cream:#f7f3eb;--sand:#ede4d5;--green:#244a3a;--ink:#20231f;--muted:#787e76;--orange:#db7758}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--cream);color:var(--ink);margin:0;font-family:Body,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{object-fit:cover;width:100%;display:block}h1,h2,h3,.brand{letter-spacing:-.04em;margin:0;font-family:DM Serif Display,Georgia,serif;font-weight:400;line-height:1.1}h1{font-size:80px;line-height:1.02}h2{margin-bottom:32px;font-size:56px}h3{font-size:28px}h4{color:var(--green);margin:20px 0 14px;font-size:17px;line-height:1.4}p{color:var(--muted);margin:0 0 22px}small{font-size:13px;line-height:1.5}.container{width:calc(100% - 80px);max-width:1144px;margin:auto}section:not(.hero,.availability,.booking){padding:120px 0}section{scroll-margin-top:0}.eyebrow{color:var(--green);margin-bottom:24px;font-size:14px;font-weight:600}.button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:14px;padding:16px;font-size:14px;font-weight:650;line-height:1.6;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#315c49;transform:translateY(-2px)}.button.light{background:var(--cream);color:var(--ink);border:1px solid #ddd7cc}.button.light:hover{background:#fff}.button span{font-size:21px;line-height:1}.buttons{gap:12px;display:flex}header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f3ebf5;width:100%;height:80px;position:fixed;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:30px;max-width:1144px;height:100%;margin:auto;display:flex}.brand{color:var(--green);font-size:28px}nav{gap:24px;font-size:14px;font-weight:600;display:flex}nav a:hover{color:var(--green);text-underline-offset:6px;text-decoration:underline}.nav-actions{align-items:center;gap:16px;display:flex}.language{white-space:nowrap;font-size:14px}.menu{color:var(--green);background:0 0;border:0;font-size:24px;display:none}.hero{color:#fff;align-items:flex-end;height:970px;padding-bottom:40px;display:flex;position:relative}.hero-image,.hero-shade{width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#000000bd,#0000002b),linear-gradient(#0000,#0000001f)}.hero-content{position:relative}.hero h1{max-width:680px;margin:28px 0}.hero .eyebrow{color:#fff;margin:0}.hero-description{color:#c9cac5;max-width:490px;margin-bottom:26px}.availability{background:var(--green);color:#fff;padding:40px 0}.availability p,.availability .eyebrow{color:#fff}.booking-threshold{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.booking-threshold .eyebrow{margin:0 0 10px}.booking-threshold h3{margin-bottom:10px}.booking-threshold p{max-width:650px;margin:0}.booking-threshold>div:last-child{text-align:center;width:350px}.booking-threshold small{margin-top:12px;display:block}.facts{border-top:1px solid #ffffff25;grid-template-columns:repeat(4,1fr);gap:28px;padding-top:32px;font-size:16px;font-weight:600;line-height:1.4;display:grid}.story{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.story-image{border-radius:24px;height:620px}.story h2{margin-bottom:24px}.story .quote{color:var(--green);margin-top:24px}.highlight-grid,.room-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;display:grid}.card{background:#fff;border:1px solid #e3e0d9;border-radius:24px;overflow:hidden}.highlight{min-height:310px;padding:28px}.highlight img{object-fit:contain;width:100px;height:100px}.highlight p{margin-bottom:0;font-size:16px}.room{padding:14px}.room>img{border-radius:18px;height:280px}.card-content{padding:22px 0 10px}.room h3{margin-bottom:22px}.room p{margin-bottom:16px}.price{color:var(--orange);font-weight:600}.room-request{color:var(--green);font-size:14px;font-weight:650}.room-request:hover{text-decoration:underline}.sand{background:var(--sand)}.intro{max-width:520px}.amenity{border-top:1px solid #ddd5c7;padding:24px 0}.amenity:last-child{border-bottom:1px solid #ddd5c7}.amenity h3{margin:14px 0}.amenity p{max-width:720px;margin:0}.line-icon{font-size:28px}.experience-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;display:grid}.experience{padding:14px}.experience img{border-radius:18px;height:260px}.experience h3{margin:18px 0}.experience p{margin:0 10px 12px}.split-heading{justify-content:space-between;align-items:flex-end;gap:80px;margin-bottom:56px;display:flex}.split-heading h2{margin-bottom:0}.split-heading>p{max-width:365px;margin:0}.gallery-grid{grid-template-rows:340px 200px 460px 400px;grid-template-columns:2fr 1fr;gap:24px;display:grid}.gallery-grid figure{border-radius:24px;margin:0;position:relative;overflow:hidden}.gallery-grid img{height:100%}.gallery-0{grid-row:span 2}.gallery-3{align-self:end;height:360px}.gallery-5{grid-column:span 2}.gallery-grid figcaption{background:var(--cream);border-radius:30px;padding:12px 18px;font-size:13px;position:absolute;bottom:24px;left:24px}.map{border-radius:36px;height:520px;position:relative;overflow:hidden}.map>img{height:100%}.map .button{position:absolute;bottom:28px;left:28px}.travel{background:var(--cream);border-radius:24px;margin-top:56px;padding:28px}.travel>div{grid-template-columns:repeat(5,1fr);margin-top:22px;display:grid}.travel p{border-right:1px solid #e6e0d5;margin:0;padding:0 20px}.travel p:first-child{padding-left:0}.travel p:last-child{border:0}.travel strong{color:var(--ink);margin-bottom:8px;display:block}.travel span{font-size:13px}.rating{color:var(--orange);font-size:14px}.review-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.review{min-height:280px;padding:28px}.review:first-child{grid-column:span 2}.review>span{color:var(--orange);font-size:30px}.review h3{margin:22px 0}.faq-layout{grid-template-columns:1fr 1fr;gap:100px;padding:0 50px;display:grid}.faq-layout>div:first-child p{max-width:420px}details{border-bottom:1px solid #e1dbd0;padding:22px 0}summary{cursor:pointer;align-items:flex-start;gap:28px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.number{color:var(--orange);padding-top:5px;font-size:14px}.toggle{color:var(--green);margin-left:auto;font-size:26px}details[open] .toggle{transform:rotate(45deg)}details p{margin:16px 25px 0 60px;font-size:16px}.booking{background:var(--green);padding:96px 0}.booking-panel{background:var(--cream);border-radius:32px;grid-template-columns:1fr 1fr;gap:76px;padding:40px;display:grid}.booking-panel h2{margin-bottom:24px}.contact-list{margin:32px 0}.contact-list>div{border-top:1px solid #ded9ce;padding:16px}.contact-list small,.contact-list a{display:block}.contact-list a{font:22px DM Serif Display,serif}.form-grid{grid-template-columns:1fr 1fr;gap:14px 18px;display:grid}label{margin-bottom:14px;font-size:13px;font-weight:600;display:block}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #e3e0d9;border-radius:12px;min-width:0;margin-top:6px;padding:14px;font-size:14px;display:block}input:focus,select:focus,textarea:focus{outline:2px solid var(--green)}textarea{resize:vertical}form>.button{width:100%}.form-note{text-align:center;margin:28px 20px 0;font-size:13px;line-height:1.5}#form-status{color:var(--green);margin-top:16px;font-size:14px}footer{color:var(--cream);background:#233923 url(/demos/templates/homestay-01/assets/optimized/y2eIslUoPgGa0J8flxTPiO7UoM.optimized-84d000abe6.webp) 50%/cover;padding:72px 0 30px}footer .brand{color:#fff;font-size:56px}footer p{color:#d2d4c8;margin:24px 0 40px}address{font-family:DM Serif Display,serif;font-style:normal;line-height:2}.footer-bottom{border-top:1px solid #ffffff30;justify-content:space-between;gap:24px;margin-top:40px;padding-top:30px;display:flex}.footer-bottom a{margin-left:24px;font-size:13px}@media (width>=1600px){.hero{height:100vh;min-height:970px}}@media (width<=1199px){.nav-wrap{padding:0 40px}.nav-wrap>nav{gap:16px}.nav-actions>.button{display:none}h2{font-size:46px}.story{gap:40px}.hero h1{max-width:600px;font-size:64px}.hero{height:900px}.faq-layout{gap:50px;padding:0}.booking-panel{gap:40px}.highlight{padding:24px}.room>img{height:230px}}@media (width<=809px){html{scroll-padding-top:68px}header{height:68px}.nav-wrap{padding:0 20px}.brand{font-size:24px}.menu{display:block}.nav-actions{gap:24px}nav{background:var(--cream);padding:20px;display:none;position:absolute;top:68px;left:0;right:0;box-shadow:0 12px 20px #0001}nav.open{flex-direction:column;gap:0;display:flex}nav a{border-bottom:1px solid #ddd7cc;padding:14px 0}.container{width:calc(100% - 40px)}section:not(.hero,.availability,.booking){padding:64px 0}h1,.hero h1{font-size:46px;line-height:1.02}h2{margin-bottom:24px;font-size:38px}h3{font-size:25px}.eyebrow{margin-bottom:24px}.hero{height:900px;min-height:100svh;padding:150px 0 40px}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#000b,#0003),linear-gradient(#0000,#0008)}.hero h1{max-width:100%;margin:28px 0}.hero-description{font-size:16px}.buttons{flex-wrap:wrap}.button{padding:15px;font-size:13px}.availability{padding:32px 0}.booking-threshold{display:block}.booking-threshold>div:last-child{text-align:left;width:auto;margin-top:24px}.facts{grid-template-columns:1fr 1fr;gap:28px;font-size:14px}.story{flex-direction:column;gap:36px;display:flex}.story-image{height:420px}.story h2 br{display:none}.highlight-grid,.room-grid{grid-template-columns:1fr;gap:20px;margin-top:36px}.highlight{min-height:0;padding:28px}.highlight img{width:90px;height:90px}.room>img{height:265px}.card-content{padding:20px 0}.experience-grid{grid-template-columns:1fr;margin-top:36px}.experience img{height:240px}.experience h3{font-size:26px}.split-heading{margin-bottom:36px;display:block}.split-heading>p{margin-top:28px}.split-heading h2 br{display:none}.gallery-grid{grid-template-rows:350px 180px 220px 260px;grid-template-columns:1fr 1fr;gap:14px}.gallery-0{grid-area:auto/span 2}.gallery-3{align-self:stretch;height:100%}.gallery-grid figure{border-radius:20px}.gallery-5{grid-column:span 2}.gallery-grid figcaption{font-size:11px;bottom:12px;left:12px}.map{border-radius:24px;height:440px}.map .button{bottom:16px;left:16px}.travel{margin-top:28px;padding:24px}.travel>div{grid-template-columns:1fr 1fr;gap:20px}.travel p{border:0;padding:0}.review-grid{grid-template-columns:1fr}.review:first-child{grid-column:auto}.review{min-height:0;padding:24px}.review h3{font-size:25px}.faq-layout{grid-template-columns:1fr;gap:24px}summary{gap:20px}details h3{font-size:24px}details p{margin-left:42px}.booking{padding:64px 0}.booking-panel{grid-template-columns:1fr;gap:40px;padding:28px 22px}.booking-panel h2 br{display:none}.form-grid{grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{padding:12px;font-size:13px}.contact-list a{overflow-wrap:anywhere;font-size:20px}footer{padding:56px 0 28px}footer .brand{font-size:42px}.footer-bottom{flex-direction:column}.footer-bottom a{margin:0 20px 0 0}.language{font-size:14px}}.hero-content{margin:0 auto}.hero h1{text-wrap:balance;max-width:680px}.language{align-items:center;gap:8px;display:flex}.language img{object-fit:cover;border-radius:0;width:22px;height:16px}@font-face{font-family:Body;src:url(/demos/templates/homestay-01/assets/G2K4CBVGEH7VFVIC3T6GBHAWO2E2W7YQ.woff2)format("woff2");font-weight:400;font-display:swap}@media (width<=809px){.hero h1{max-width:100%}.hero{height:820px;min-height:820px;padding-bottom:24px}.hero .buttons{flex-direction:column}.hero .buttons .button{width:100%}.hero-shade{background:linear-gradient(90deg,#0008,#0002),linear-gradient(#0000,#0008)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}@media (width<=809px){.booking-panel{grid-template-columns:minmax(0,1fr)}.booking-panel>*{min-width:0}}@media (width<=430px){.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid>label{min-width:0}}.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}}