/* Eden — warm stone, deep olive and quiet gold. */
:root{--ink:#191d19;--paper:#f5f2eb;--gold:#d4b781;--line:#ffffff20;--muted:#b4b8ae;scroll-padding-top:100px}
::selection{background:#d4b781;color:#191d19}body{overflow-x:clip}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}header{height:88px;position:sticky;top:0;z-index:15;background:#191d19f5;backdrop-filter:blur(18px);padding:0 5.5%}header .brand img{width:58px}header .brand span{font-size:26px;letter-spacing:7px}header .brand small{letter-spacing:2.4px;font-size:8px}nav a{position:relative;padding:12px 0;font-size:12px;letter-spacing:.6px}nav a:after{content:'';position:absolute;left:0;bottom:3px;width:0;height:1px;background:var(--gold);transition:width .25s}nav a:hover:after,nav a.current:after{width:100%}.button{gap:22px;font-size:12px;letter-spacing:.4px;padding:17px 25px;transition:background .25s,transform .25s}.button:hover{transform:translateY(-2px)}header .button{min-height:44px;padding:13px 23px}.location-bar{height:39px;padding:0 5.5%;display:flex;justify-content:space-between;align-items:center;background:#232920;font-size:9px;letter-spacing:1.9px;color:#c4c9bd}.location-bar a{letter-spacing:1px}.hero{display:block;position:relative;height:min(780px,calc(100svh - 127px));min-height:620px;max-height:none;isolation:isolate}.hero-film{position:absolute;inset:0;z-index:-1}.hero-film video{object-position:center 55%;filter:brightness(.8)}.film-shade{background:linear-gradient(90deg,#101710ed 0%,#11180fc4 30%,#15191240 65%,#15191220),linear-gradient(0deg,#161d16b3,transparent 50%)}.hero-copy{padding:80px 7% 45px;max-width:1040px;height:100%;justify-content:center;position:relative}.hero .eyebrow{font-size:10px;letter-spacing:3.2px;display:flex;align-items:center;gap:18px}.hero .eyebrow:before{content:'';height:1px;width:38px;background:var(--gold)}h1{font-size:clamp(76px,7.8vw,128px);line-height:.96;letter-spacing:-3px;margin-bottom:28px}.intro{font-size:15px;color:#e0e2d9;line-height:1.8;max-width:420px}.hero-actions{gap:30px}.hero-actions .text-link{font-size:12px}.hero-bottom{display:none}.film-label{display:none}.film-control{top:auto;bottom:42px;right:5.5%;border-radius:50px;padding:13px 22px;background:#ffffff12;backdrop-filter:blur(10px);font-size:10px;letter-spacing:1px}.film-caption{left:auto;right:5.5%;bottom:105px;font-size:32px;text-align:right;color:#fffdf2}.scroll-cue{display:flex;align-items:center;gap:12px;position:absolute;bottom:35px;left:7%;font-size:10px;letter-spacing:1.2px;color:#ced1c8}.scroll-cue span{font-size:23px}.quick-stay{position:relative;z-index:2;margin:0;background:#e9e4d9;color:var(--ink);display:grid;grid-template-columns:1.35fr 1fr 1fr .6fr 1fr;gap:24px;align-items:center;padding:36px 7% 25px}.quick-intro .eyebrow{display:block;font-size:8px;letter-spacing:2px;color:#756442;margin:0 0 9px}.quick-intro strong{font:27px 'Cormorant Garamond',serif}.quick-stay label{margin:0;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding-left:20px;border-left:1px solid #cbc5b7}.quick-stay input,.quick-stay select{background:transparent;border:0;padding:8px 0 0;font-size:13px;min-height:30px}.quick-note{grid-column:2/-1;margin:0;font-size:10px;line-height:1;color:#75786d}.quick-stay .button{padding:16px;white-space:nowrap;background:#242d24;color:#f5f2eb}.welcome-line{font-size:22px;letter-spacing:.3px;padding:26px 7%;background:var(--ink)}.welcome-line span+span:before{content:'✧';font-size:15px;margin-right:55px;color:#d4b78170}.section{padding:105px 7%;scroll-margin-top:85px}.introduction{padding-top:115px;padding-bottom:90px;border-bottom:1px solid #dcd8ce}.introduction>.eyebrow{text-align:center;color:#89734c;font-size:10px}.introduction h2{text-align:center;font-size:clamp(42px,4.6vw,74px);max-width:880px;margin:0 auto}.intro-bottom{display:grid;grid-template-columns:.7fr 2fr 1fr;align-items:center;gap:45px;margin:45px auto 0;max-width:950px}.intro-bottom p{font-size:14px;line-height:1.9;margin:0;color:#6a7065}.intro-mark{font:100px/.8 'Cormorant Garamond',serif;color:#b9a47f;text-align:center;border-right:1px solid #d9d2c5}.intro-bottom .text-link{justify-self:end;font-size:12px;color:#71613f}.section-heading>p{font-size:14px;line-height:1.9;max-width:355px}.eyebrow{font-size:10px;letter-spacing:2.6px}h2{font-size:clamp(44px,4.4vw,70px)}.room-layout{grid-template-columns:.92fr 1.08fr;gap:65px;align-items:start}.room-photo{min-height:660px;position:sticky;top:115px}.room-photo img{filter:saturate(.77)}.room-photo:before{content:'THE EDEN STAY';position:absolute;top:23px;left:23px;z-index:2;padding:10px 14px;background:#faf7efdb;color:#292f27;font-size:9px;letter-spacing:2px}.room-filters{display:flex;border-bottom:1px solid #d4cfc3;margin-bottom:12px;gap:24px}.room-filters button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 17px;font-size:11px;color:#767b70;white-space:nowrap}.room-filters button[aria-pressed=true]{border-color:#827046;color:#20281f}.room-filters span{font-size:8px;vertical-align:super;padding-left:4px}.room-item{padding:22px 0;align-items:center;transition:background .2s}.room-item:first-child{padding-top:20px}.room-number{display:block;font-size:8px;letter-spacing:1.6px;color:#8d7954;margin-bottom:10px}.room-item h3{font-size:29px}.room-item p{font-size:11px;max-width:270px}.room-price{font-size:17px;white-space:nowrap}.room-price small{font-size:9px}.room-item button{font-size:10px}.room-help{font-size:11px;color:#72766d;margin-top:22px}.room-help a{border-bottom:1px solid #b5a98f;color:#514d3d}.amenities span{display:flex;align-items:center;gap:10px;font-size:11px}.amenities span:before{content:'✓';color:#90794d}.wellness-grid{gap:30px}.experience{border-bottom:1px solid #ffffff25}.experience>img{height:380px;filter:saturate(.75);transition:filter .4s}.experience:hover>img{filter:saturate(1)}.experience>div{padding:30px 0 34px}.experience h3{font-size:35px}.experience p{font-size:13px;min-height:72px}.experience .text-link{font-size:11px}.life{padding-top:120px;padding-bottom:120px}.life-copy>p:not(.eyebrow){font-size:14px}.life-items{counter-reset:service}.life-items>div{position:relative;padding-left:40px}.life-items>div:before{counter-increment:service;content:'0' counter(service);position:absolute;left:0;top:7px;color:#967f51;font-size:9px}.life-items h3{font-size:26px}.life-items p{font-size:12px}.life-images img:first-child{height:530px}.life-images img:last-child{height:310px;border-width:10px}.gallery button{height:390px}.gallery button:after{content:'↗';position:absolute;top:15px;right:15px;width:32px;height:32px;border:1px solid #fff7;border-radius:50%;display:grid;place-items:center;background:#0002}.gallery span{font-size:27px}.faq-section{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;border-bottom:1px solid #dcd8ce}.faq-section>div>p:not(.eyebrow){font-size:14px;color:#72776b;margin-top:25px}.faq-list details{border-bottom:1px solid #d4cec1;padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;cursor:pointer;font-size:14px;line-height:1.6;display:flex;justify-content:space-between;gap:22px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:20px;color:#897548}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;color:#697060;margin:17px 25px 0 0}.contact-card{background:#252d24;color:#eeede3;padding:48px}.contact-card a{color:#d5d7cd;font-size:13px}.visit .contact-card .eyebrow{font-size:9px}.contact-card h3{font-size:48px}.visit{gap:90px}.visit>div>p{font-size:14px}.visit .small-note{font-size:11px}footer{padding-top:65px}.gallery-navigation{display:flex;justify-content:center;align-items:center;gap:25px;margin-bottom:20px}.gallery-navigation button{width:38px;height:38px;border:1px solid #ffffff40;border-radius:50%;background:transparent;color:var(--paper);font-size:18px}.gallery-navigation span{font-size:11px;letter-spacing:2px}#lightbox{padding-top:25px}#lightbox img{max-height:68svh}.dialog-open{overflow:hidden}.steps span{position:relative;padding-bottom:4px}.steps .active:after{content:'';position:absolute;left:0;bottom:-17px;height:2px;background:#8d703a;width:100%}.estimate{border-left:2px solid #a28a5b;font-size:12px}.whatsapp{background:#284d38;padding:12px 17px;font-size:11px;border:1px solid #ffffff25}.small-note{max-width:850px}.menu{line-height:1}
@media(min-width:1600px){.hero-copy{max-width:1200px}.hero{min-height:750px}.section,.quick-stay{padding-left:max(7%,calc((100% - 1450px)/2));padding-right:max(7%,calc((100% - 1450px)/2))}}
@media(max-width:1050px){.quick-stay{gap:16px;padding-left:5%;padding-right:5%;grid-template-columns:1fr 1fr .6fr 1fr}.quick-intro{display:none}.quick-note{grid-column:1/-1}.quick-stay label:first-of-type{border:0;padding-left:0}.room-layout{gap:35px}.room-filters{gap:16px}.room-photo{min-height:680px}.room-item h3{font-size:25px}.room-price{font-size:14px}.faq-section{gap:45px}.intro-bottom{gap:25px}.hero-copy{padding-left:6%}.film-caption{font-size:28px}.experience>img{height:300px}}
@media(max-width:700px){:root{scroll-padding-top:76px}header{height:76px;padding:0 5%;position:sticky}header .brand img{width:40px;height:34px}header .brand{gap:8px}header .brand span{font-size:21px;letter-spacing:4px}header .brand small{font-size:6px;letter-spacing:1.9px}header>.button{padding:10px 11px;min-height:38px;font-size:10px;margin-right:10px}.menu{font-size:21px;padding:8px 0 8px 8px}nav{top:76px;box-shadow:0 20px 25px #0003;padding:20px 6%}nav a{font-size:12px}.location-bar{height:33px;font-size:7px;letter-spacing:1.4px;padding:0 6%}.location-bar>span:nth-child(2){display:none}.location-bar a{font-size:8px}.hero{height:620px;min-height:0}.hero-film{height:100%}.hero-film video{object-position:60% center}.film-shade{background:linear-gradient(90deg,#101810df,#11180f6b),linear-gradient(0deg,#111810a8,transparent)}.hero-copy{padding:56px 6% 100px;max-width:100%;justify-content:center}.hero .eyebrow{font-size:8px;letter-spacing:1.8px;gap:12px;margin-bottom:26px}.hero .eyebrow:before{width:20px}h1{font-size:clamp(54px,12.7vw,86px);letter-spacing:-1.5px;line-height:1.01;margin-bottom:25px}.intro{font-size:12px;line-height:1.9;max-width:300px}.hero-actions{gap:22px}.hero-actions .button{font-size:11px;padding:15px 19px}.hero-actions .text-link{font-size:10px}.film-caption{display:none}.film-control{bottom:31px;right:6%;padding:11px 16px;font-size:9px}.scroll-cue{left:6%;bottom:29px;font-size:9px}.quick-stay{grid-template-columns:1fr 1fr;gap:23px 16px;padding:27px 6%}.quick-stay label{padding-left:13px}.quick-stay label:nth-of-type(3){border:0;padding-left:0}.quick-stay input{font-size:12px}.quick-stay .button{font-size:10px;gap:10px;padding:13px;min-height:44px}.quick-note{font-size:9px;line-height:1.6;margin-top:-8px}.welcome-line{font-size:16px;gap:12px;padding:24px 5%}.welcome-line span+span:before{display:none}.section{padding:65px 6%;scroll-margin-top:76px}.introduction{padding-top:70px}.introduction .eyebrow{font-size:8px;letter-spacing:2px}.introduction h2{font-size:39px;line-height:1.08}.intro-bottom{grid-template-columns:1fr;gap:20px;margin-top:26px}.intro-mark{display:none}.intro-bottom p{text-align:center;font-size:12px;line-height:1.9}.intro-bottom .text-link{justify-self:center;font-size:11px}h2{font-size:45px}.section-heading>p{font-size:12px;margin-top:22px}.room-layout{grid-template-columns:1fr;gap:30px}.room-photo{position:relative;top:auto;min-height:370px}.room-photo:before{font-size:8px;top:18px;left:18px}.photo-title{font-size:43px;left:22px;bottom:58px}figcaption{left:22px;font-size:9px}.room-filters{gap:20px;justify-content:space-between}.room-filters button{font-size:10px;padding-bottom:14px}.room-item{padding:20px 0}.room-item h3{font-size:25px}.room-item p{font-size:10px;line-height:1.7;max-width:195px}.room-number{font-size:7px;letter-spacing:1.2px}.room-price{font-size:13px}.room-item button{font-size:9px}.room-help{font-size:10px}.small-note{font-size:10px}.amenities{gap:18px 25px}.amenities span{font-size:10px;gap:7px}.wellness-grid{gap:28px}.experience{display:block}.experience>img{height:320px;object-position:center}.experience>div{padding:25px 0 30px}.experience h3{font-size:35px}.experience p{font-size:12px;min-height:0}.experience .eyebrow{font-size:8px}.life{gap:35px}.life-copy>p:not(.eyebrow){font-size:12px}.life-items h3{font-size:26px}.life-items p{font-size:11px}.life-images{height:440px}.life-images img:first-child{height:345px}.life-images img:last-child{height:220px;border-width:7px}.gallery{gap:14px}.gallery button{height:240px}.gallery button:nth-child(even){margin-top:30px}.gallery span{font-size:23px;padding:30px 14px 15px}.gallery button:after{width:27px;height:27px;font-size:12px;right:12px;top:12px}.faq-section{grid-template-columns:1fr;gap:25px}.faq-section>div>p:not(.eyebrow){font-size:12px}.faq-list summary{font-size:12px}.faq-list p{font-size:11px;line-height:1.9}.faq-list details{padding:20px 0}.visit{gap:35px}.visit>div>p{font-size:13px}.contact-card{padding:32px}.contact-card h3{font-size:44px}footer{gap:25px}footer .brand span{font-size:23px}footer .brand img{width:45px}footer p{font-size:11px}.whatsapp{padding:11px}dialog{max-height:90svh}.gallery-navigation{gap:18px}#lightbox{padding:25px 15px 20px}.intro-bottom .text-link{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}
.film-control{top:28px;bottom:auto}@media(max-width:700px){.film-control{top:20px;bottom:auto}}

.hero-photo{object-position:center 55%;filter:brightness(.8)}
.gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.gallery button{height:340px;text-align:left}.gallery button:nth-child(even){margin-top:0}.gallery span{font-size:25px;display:flex;flex-direction:column;gap:10px}.gallery span small{font:9px Manrope,sans-serif;letter-spacing:2px;color:#e7d6b5}.gallery-note{font-size:11px;color:#a6aaa0;margin:28px 0 0}
@media(max-width:1050px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery button{height:350px}}
@media(max-width:700px){.hero-photo{object-position:60% center}.gallery{gap:14px}.gallery button{height:245px}.gallery span{font-size:21px;padding:40px 13px 15px;gap:7px}.gallery span small{font-size:8px}.gallery-note{font-size:10px;line-height:1.8}}

.social-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d4b78160;border-radius:50%;color:var(--gold)}.social-icon svg{width:20px;height:20px}.location-map{grid-column:1/-1;border:1px solid #d4cec1}.location-map iframe{display:block;border:0;width:100%;height:410px;background:#e9e4d9}.map-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#e9e4d9;padding:20px 25px;font-size:10px;letter-spacing:1px}.map-caption a{font-size:12px;letter-spacing:0;border-bottom:1px solid #8d7954;padding-bottom:3px}@media(max-width:700px){.location-map iframe{height:320px}.map-caption{padding:17px;font-size:8px;gap:12px}.map-caption a{font-size:10px;white-space:nowrap}}

footer .socials{flex-direction:row;gap:12px;flex-wrap:wrap}a.social-icon:hover{background:var(--gold);color:var(--ink)}
