:root{--ink:#202821;--muted:#777c73;--paper:#f7f6f2;--white:#fff;--green:#d9e3d3;--accent:#c2d7ba;--line:#e6e5de;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.site-header{height:84px;width:min(1280px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font:800 18px var(--display);letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;background:var(--ink);color:#fff;width:38px;height:38px;border-radius:50%;font:700 21px var(--serif);letter-spacing:-2px}.brand small{display:block;margin-top:2px;font:600 8px var(--sans);letter-spacing:1.05px;color:#85887f}.navigation{display:flex;align-items:center;gap:36px;font-size:12px;font-weight:600}.navigation>a:not(.nav-cta){color:#5e635c}.navigation>a:hover,.text-link:hover,.arrow-link:hover{color:#6c8762}.nav-cta{padding:12px 17px;border:1px solid #d7d9d1;border-radius:3px}.nav-cta span,.button span{margin-left:15px}.menu-toggle{display:none}.hero{padding:44px 0 78px;display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:46px}.hero-copy{padding:20px 0 5px}.eyebrow,.section-kicker{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#7b8176}.live-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#87a77a}.hero h1,.intro-grid h2,.gallery-heading h2,.location-copy h2,.contact-inner h2{font:500 clamp(54px,6vw,78px)/1.05 var(--display);letter-spacing:-4.5px;margin:26px 0 18px}.hero h1 em,.intro-grid h2 em,.gallery-heading h2 em,.location-copy h2 em,.contact-inner h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-4px}.hero h1 em,.intro-grid h2 em,.gallery-heading h2 em,.location-copy h2 em{color:#829579}.hero-description{max-width:390px;color:#777a72;font-size:14px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-height:49px;padding:0 18px;border-radius:3px;font-size:11px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#354638}.text-link,.arrow-link{font-size:11px;font-weight:600}.text-link span{padding-left:7px}.hero-note{margin-top:45px;display:flex;align-items:center;gap:12px}.avatar-stack{display:flex;padding-left:2px}.avatar-stack span{display:grid;place-items:center;width:25px;height:25px;border:2px solid var(--paper);border-radius:50%;margin-left:-3px;background:#dfd7c8;color:#686657;font-size:9px}.avatar-stack span:nth-child(2){background:#d8e0d2}.avatar-stack span:nth-child(3){background:#e7d9c9}.hero-note strong,.hero-note small{display:block}.hero-note strong{font-size:10px}.hero-note small{font-size:9px;color:#86877f;margin-top:4px}.hero-visual{position:relative;height:492px;padding:9px 10px 10px 0}.hero-visual::before{content:"";position:absolute;inset:0 0 1px 10px;border:1px solid #d5d9ce;border-radius:5px;transform:rotate(2.3deg);background:linear-gradient(145deg,#e7e9e0,#f3f0e8);box-shadow:16px 20px 45px #303a2910}.hero-visual::after{content:"D’ROSELLA  ·  YOGYAKARTA";position:absolute;right:-16px;bottom:55px;writing-mode:vertical-rl;font:600 8px var(--sans);letter-spacing:2.2px;color:#687661}.hero-image{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 49%;border-radius:4px;filter:saturate(.84) contrast(1.03);box-shadow:0 18px 36px #202a1f20}.image-label{position:absolute;z-index:2;bottom:28px;left:18px;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.94);padding:12px 17px;border-radius:3px}.label-icon{font-size:20px;color:#829579}.image-label strong,.image-label small{display:block}.image-label strong{font-size:10px}.image-label small{font-size:9px;color:#86877f;margin-top:4px}.floating-card{position:absolute;z-index:2;right:-19px;top:56px;background:#fff;padding:17px 20px;box-shadow:0 12px 35px #28312320;min-width:125px;border:1px solid #f1f0eb}.floating-card .sparkle{color:#829579;font-size:17px}.floating-card strong,.floating-card small{display:block}.floating-card strong{font:600 20px var(--display);margin:9px 0 2px}.floating-card small{font-size:9px;color:#777}.image-index{position:absolute;z-index:2;right:4px;bottom:-24px;font-size:9px;color:#85877e}.image-index i{display:inline-block;width:45px;height:1px;background:#b7b8ae;vertical-align:middle;margin:0 8px}.trust-strip{border-block:1px solid var(--line)}.trust-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.trust-inner>span{font-size:8px;letter-spacing:1.25px;color:#8a8b82}.trust-inner div{font-size:10px;font-weight:600}.trust-inner b{font:500 9px var(--serif);color:#83917b;margin-right:9px}.intro-section{padding-top:105px;padding-bottom:100px}.section-kicker{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.section-kicker span{color:#999a92}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;margin-top:17px}.intro-grid h2,.gallery-heading h2,.location-copy h2{font-size:49px;letter-spacing:-2.7px;margin:16px 0 29px}.intro-grid h2 em,.gallery-heading h2 em,.location-copy h2 em{letter-spacing:-2px}.intro-text{padding:0 0 31px 40px}.intro-text p,.location-copy>p{font-size:12px;line-height:1.9;color:#777a72;margin:0 0 17px;max-width:370px}.arrow-link span{margin-left:11px}.amenities-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:22px}.amenity{padding:28px 22px 4px 0}.amenity+.amenity{border-left:1px solid var(--line);padding-left:22px}.amenity-icon{display:grid;place-items:center;width:36px;height:36px;background:#e8ebe3;border-radius:50%;font-size:17px;color:#6c8067}.amenity h3{font:600 13px var(--display);margin:17px 0 8px}.amenity p{font-size:10px;line-height:1.8;color:#85867f;margin:0;max-width:220px}.gallery-section{background:#eeeee8;padding:76px 0 86px}.gallery-heading{display:flex;align-items:end;justify-content:space-between}.gallery-heading h2{margin:18px 0 25px}.gallery-heading>p{font-size:11px;color:#777a72;max-width:240px;line-height:1.8;margin:0 0 30px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gallery-item{position:relative;border:0;padding:0;background:#ddd;overflow:hidden;height:220px;cursor:zoom-in;text-align:left;border-radius:3px}.gallery-item.gallery-large{height:292px;grid-column:span 2;grid-row:span 2}.gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s;filter:saturate(.82)}.gallery-item:hover img{transform:scale(1.045)}.gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:35px 15px 13px;color:#fff;font-size:10px;font-weight:600;background:linear-gradient(transparent,#0008);display:flex;justify-content:space-between;align-items:end}.gallery-caption b{font-size:14px}.location-section{padding-top:95px;padding-bottom:103px}.location-card{background:#f0f0e9;display:grid;grid-template-columns:.88fr 1.12fr;min-height:405px;padding:35px}.location-copy{padding:4px 36px 0 12px}.location-copy .section-kicker{border:0;padding:0}.location-copy h2{margin:32px 0 13px}.location-copy>p{max-width:330px}.address{display:flex;gap:10px;align-items:center;margin:22px 0}.address>span:first-child{font-size:20px;color:#829579}.address strong,.address small{display:block}.address strong{font-size:10px}.address small{font-size:9px;color:#85867f;margin-top:5px}.location-copy .button{min-width:130px}.map-panel{display:flex;flex-direction:column;background:#e5e8dd;min-width:0}.google-map{display:block;width:100%;flex:1;min-height:315px;border:0;filter:saturate(.78)}.nearby{height:46px;display:flex;justify-content:space-around;align-items:center;background:#f8f8f3}.nearby span{font-size:8px;color:#88897f}.nearby b{font-size:9px;color:#3b4439;margin-right:4px}.contact-section{background:#263229;color:#fff;padding:70px 0 74px}.contact-inner{display:flex;justify-content:space-between;align-items:center}.contact-kicker{font-size:8px;letter-spacing:1.5px;color:#bdc8b7}.contact-inner h2{font-size:54px;line-height:1.05;margin:18px 0 0;letter-spacing:-3px}.contact-inner h2 em{color:#c2d7ba}.contact-right{max-width:330px;padding-top:21px}.contact-right p{font-size:11px;line-height:1.8;color:#d1d5ce;margin:0 0 17px}.button-light{background:#e1e9dc;color:#273329;min-width:158px}.button-light:hover{background:#fff}.contact-right small{display:block;color:#aeb7aa;font-size:9px;margin-top:12px}.site-footer{min-height:86px;width:min(1160px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:15px}.footer-brand .brand-mark{width:32px;height:32px;font-size:18px}.site-footer>span{font-size:9px;color:#85877e}.mobile-whatsapp{display:none}.lightbox{border:0;padding:0;background:#111;max-width:min(92vw,1100px);max-height:90vh}.lightbox::backdrop{background:#111d}.lightbox img{display:block;max-width:90vw;max-height:84vh;object-fit:contain}.lightbox-close{position:absolute;right:7px;top:5px;z-index:2;border:0;background:#ffffffdd;border-radius:50%;width:32px;height:32px;font-size:23px;cursor:pointer}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.site-header{width:calc(100% - 48px)}.hero{gap:25px}.hero-visual{height:420px}.hero h1{font-size:61px}.trust-inner>span{max-width:170px;line-height:1.6}.trust-inner div{font-size:9px}.location-card{padding:24px}.location-copy{padding-left:0;padding-right:20px}.gallery-item{height:205px}.gallery-item.gallery-large{height:265px}}
@media(max-width:620px){html{scroll-padding-top:70px}.wrap{width:calc(100% - 40px)}.site-header{height:70px;width:calc(100% - 40px)}.brand{font-size:16px}.brand-mark{width:34px;height:34px}.menu-toggle{display:flex;border:0;background:none;flex-direction:column;gap:5px;padding:10px;z-index:5}.menu-toggle span{display:block;width:20px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.navigation{display:none;position:absolute;z-index:4;top:62px;left:15px;right:15px;background:#fff;padding:23px;box-shadow:0 14px 35px #2222;align-items:stretch;gap:0;flex-direction:column}.navigation.open{display:flex}.navigation>a:not(.nav-cta){padding:13px 0;border-bottom:1px solid #eee}.nav-cta{margin-top:13px;text-align:center}.hero{display:flex;flex-direction:column;align-items:stretch;padding:42px 0 55px;gap:35px}.hero-copy{padding:0}.eyebrow{font-size:8px}.hero h1{font-size:60px;line-height:1.02;letter-spacing:-3.5px;margin:22px 0 14px}.hero h1 em{letter-spacing:-3px}.hero-description{font-size:12px;max-width:355px}.hero-actions{gap:17px;margin-top:22px}.button{min-height:46px;padding-inline:14px;font-size:10px}.text-link{font-size:10px}.hero-note{margin-top:27px}.hero-visual{height:360px;margin-right:8px}.hero-image{object-position:center}.floating-card{right:-8px;top:35px;padding:12px 14px;min-width:105px}.floating-card strong{font-size:17px}.image-label{left:10px;bottom:10px;padding:10px 12px}.trust-inner{height:auto;padding:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:17px}.trust-inner>span{grid-column:span 2;max-width:none}.trust-inner div{font-size:9px}.intro-section{padding-top:67px;padding-bottom:65px}.section-kicker{font-size:8px}.intro-grid{display:block;margin-top:22px}.intro-grid h2,.gallery-heading h2,.location-copy h2{font-size:40px;letter-spacing:-2px;margin:12px 0 14px}.intro-grid h2 em,.gallery-heading h2 em,.location-copy h2 em{letter-spacing:-1.7px}.intro-text{padding:0}.intro-text p,.location-copy>p{font-size:11px}.amenities-grid{grid-template-columns:1fr 1fr;margin-top:22px}.amenity{padding:20px 12px 18px 0}.amenity+.amenity{padding-left:15px}.amenity:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}.amenity:nth-child(4){border-top:1px solid var(--line)}.amenity h3{font-size:12px}.amenity p{font-size:9px}.gallery-section{padding:57px 0 63px}.gallery-heading{display:block}.gallery-heading h2{margin-bottom:7px}.gallery-heading>p{font-size:10px;margin:0 0 18px}.gallery-grid{grid-template-columns:1fr 1fr;gap:9px}.gallery-item{height:160px}.gallery-item.gallery-large{height:220px;grid-column:span 2;grid-row:auto}.gallery-caption{font-size:9px;padding:25px 10px 10px}.location-section{padding-top:62px;padding-bottom:65px}.location-card{display:flex;flex-direction:column;padding:22px 17px 17px;gap:20px}.location-copy{padding:0}.location-copy h2{margin-top:22px}.location-copy .button{min-height:42px}.google-map{min-height:250px}.nearby{height:43px}.nearby span{font-size:7px}.nearby b{display:block;margin:0 0 3px;font-size:8px}.contact-section{padding:49px 0 56px}.contact-inner{display:block}.contact-inner h2{font-size:47px;letter-spacing:-2.7px;margin-top:15px}.contact-right{padding-top:20px}.contact-right p{max-width:330px}.site-footer{width:calc(100% - 40px);min-height:110px;flex-wrap:wrap;padding:17px 0 25px;gap:12px}.site-footer>span:nth-child(2){display:none}.site-footer>span:last-child{font-size:8px}.mobile-whatsapp{position:fixed;z-index:3;display:flex;justify-content:center;align-items:center;gap:16px;bottom:12px;left:14px;right:14px;height:47px;border-radius:4px;background:#263229;color:white;font-size:11px;font-weight:600;box-shadow:0 4px 16px #10191144}.mobile-whatsapp span{color:#c2d7ba}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Stronger photo labels and WhatsApp-first booking actions. */
.hero-visual{isolation:isolate;margin:0 5px 0 0}
.hero-image{object-position:center 54%;outline:1px solid #ffffffaa;outline-offset:-8px}
.image-label{left:17px;bottom:25px;gap:12px;min-width:270px;padding:13px 15px;border:1px solid #ffffffc9;border-radius:5px;background:linear-gradient(110deg,#fffffff5,#f7f9f3ed);box-shadow:0 12px 28px #16221735;backdrop-filter:blur(14px)}
.image-label .label-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:4px;background:#29372d;color:#eef5e9;font-size:19px}
.image-label .label-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.image-label strong{font:750 12px/1.2 var(--display);letter-spacing:-.2px;color:#263329}
.image-label .label-kicker{font-size:7px;font-weight:700;letter-spacing:1.15px;color:#74816e}
.image-label .label-address{font-size:9px;color:#687064}
.label-arrow{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;margin-left:auto;border-radius:50%;background:#e7eee3;color:#40543c;font-size:13px;transition:background .2s,transform .2s}
.label-arrow:hover{background:#d6e4d0;transform:translate(2px,-2px)}
.floating-card{right:-15px;top:43px;display:flex;align-items:center;gap:12px;min-width:188px;padding:15px 18px;border:1px solid #ffffffd9;border-radius:5px;background:linear-gradient(120deg,#fff,#f6f8f3);box-shadow:0 14px 32px #18281935}
.floating-card .sparkle{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;margin:0;border-radius:50%;background:#29372d;color:#e8f0e3;font-size:18px}
.floating-card .distance-copy{display:flex;flex-direction:column;gap:3px}
.floating-card strong{font:800 23px/1 var(--display);letter-spacing:-1px;color:#273329;margin:2px 0}
.floating-card .distance-destination{font-size:9px;font-weight:600;color:#55634f}
.floating-card .distance-caption{font-size:7px;font-weight:700;letter-spacing:1.1px;color:#72836a}
.button-whatsapp{min-height:53px;gap:10px;padding:0 20px;background:#20b85a;color:#fff;box-shadow:0 8px 20px #11954835;font-size:11px}
.button-whatsapp:hover{background:#149a48;box-shadow:0 10px 24px #11954848}
.button-whatsapp .whatsapp-icon{display:grid;place-items:center;width:22px;height:22px;margin:0;border:1.5px solid #ffffffd9;border-radius:50%;font-size:16px;line-height:1}
.button-whatsapp span:last-child{margin-left:8px}
.contact-right .button-light{background:#22bd5a;color:#fff;font-weight:700;box-shadow:0 8px 20px #08160c33}
.contact-right .button-light:hover{background:#18a64c}
.nav-cta{background:#20b85a;color:#fff;border-color:#20b85a;box-shadow:0 5px 14px #11954825}
.nav-cta:hover{background:#149a48;color:#fff!important}
.mobile-whatsapp{background:#18a94e;box-shadow:0 5px 18px #0e6a3170}
.mobile-whatsapp:hover{background:#128c40}
@media(max-width:620px){.hero-visual{margin-right:9px}.hero-visual::after{right:-12px;font-size:7px}.image-label{left:10px;bottom:13px;min-width:0;max-width:calc(100% - 20px);padding:9px 10px;gap:8px}.image-label .label-icon{flex-basis:30px;width:30px;height:30px;font-size:15px}.image-label strong{font-size:9px}.image-label .label-kicker{font-size:6px}.image-label .label-address{font-size:8px}.label-arrow{flex-basis:25px;width:25px;height:25px;margin-left:0;font-size:10px}.floating-card{right:-10px;top:25px;min-width:153px;padding:11px 13px;gap:9px}.floating-card .sparkle{flex-basis:31px;width:31px;height:31px;font-size:14px}.floating-card strong{font-size:19px}.floating-card small{font-size:8px}.floating-card .distance-caption{font-size:6px}.button-whatsapp{flex:1;justify-content:center;gap:7px;padding-inline:11px;font-size:9px}.button-whatsapp span:last-child{margin-left:2px}}


/* Fluid type and balanced spacing across common viewport sizes. */
.hero h1{font-size:clamp(3rem,5.35vw,4.85rem);line-height:1.035;letter-spacing:clamp(-4.5px,-.058em,-2.8px)}
.hero h1 em{letter-spacing:inherit}
.hero{gap:clamp(28px,4vw,52px)}
.hero-copy{min-width:0}
.hero-description{font-size:clamp(12px,.98vw,14px);line-height:1.8}
.hero-actions{flex-wrap:wrap;gap:14px 18px}
.hero-visual{width:100%;min-width:0}
.hero-visual::before{inset:0 0 1px 8px}
.image-label{max-width:calc(100% - 30px)}
.section-kicker{font-size:clamp(8px,.65vw,9px)}
.intro-grid h2,.gallery-heading h2,.location-copy h2{font-size:clamp(2.15rem,3.4vw,3.05rem);line-height:1.12;letter-spacing:-.055em}
.intro-grid h2 em,.gallery-heading h2 em,.location-copy h2 em{letter-spacing:inherit}
.contact-inner h2{font-size:clamp(2.75rem,4vw,3.375rem);line-height:1.06;letter-spacing:-.055em}
.amenity h3{font-size:clamp(11px,.95vw,13px)}
.amenity p,.intro-text p,.location-copy>p{font-size:clamp(10px,.88vw,12px)}
.gallery-caption{font-size:clamp(9px,.74vw,10px)}
@media(min-width:621px) and (max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:.93fr 1.07fr;gap:28px;padding-top:36px}.hero h1{font-size:clamp(3rem,6vw,4.2rem)}.hero-visual{height:clamp(360px,44vw,440px)}.floating-card{right:-9px;top:31px}.image-label{left:13px;bottom:19px}.trust-inner{gap:14px}.trust-inner>span{max-width:175px}.intro-grid{grid-template-columns:1fr .9fr}.intro-grid h2{font-size:clamp(2.2rem,4.5vw,2.8rem)}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-item.gallery-large{grid-column:span 2;grid-row:span 2}.location-card{grid-template-columns:.9fr 1.1fr}}
@media(max-width:620px){.hero{padding-top:35px;gap:30px}.hero h1{font-size:clamp(3.15rem,14vw,3.75rem);line-height:1.02;letter-spacing:-.065em;margin-top:20px}.hero-description{font-size:12px;line-height:1.75}.hero-actions{gap:11px}.hero-note{margin-top:24px}.hero-visual{height:clamp(280px,92vw,360px);padding:7px 8px 8px 0}.hero-image{object-position:center 54%}.image-label{bottom:12px;max-width:calc(100% - 20px)}.floating-card{top:21px}.intro-grid h2,.gallery-heading h2,.location-copy h2{font-size:clamp(2.15rem,9.5vw,2.55rem);line-height:1.1}.intro-section{padding-top:58px;padding-bottom:58px}.gallery-section{padding:52px 0 56px}.gallery-item{height:clamp(140px,42vw,170px)}.gallery-item.gallery-large{height:clamp(190px,58vw,230px)}.location-section{padding-top:52px;padding-bottom:55px}.contact-inner h2{font-size:clamp(2.65rem,11vw,3rem)}.mobile-whatsapp{font-size:11px}}
@media(max-width:370px){.hero h1{font-size:3rem}.button-whatsapp{font-size:8.5px}.hero-actions{gap:9px}.text-link{font-size:9px}.image-label{gap:6px;padding-inline:8px}.image-label .label-copy{max-width:155px}.floating-card{min-width:144px;right:-8px;padding:10px 11px}.gallery-grid{gap:7px}}
@media(min-width:1101px){.hero h1{max-width:10ch}.hero-break{display:none}.hero h1 em{white-space:nowrap}}
@media(min-width:621px) and (max-width:1100px){.hero-break{display:none}.hero h1{max-width:12ch}.hero-actions{align-items:flex-start}.hero-actions .button-whatsapp{max-width:100%;white-space:nowrap}.hero-note{margin-top:28px}.floating-card{right:-7px}.image-label{max-width:calc(100% - 24px)}}
@media(max-width:620px){.hero-break{display:inline}.hero h1{max-width:none}.hero-actions{align-items:stretch}.hero-actions .button-whatsapp{flex:1 1 100%;max-width:100%;white-space:nowrap}.hero-actions .text-link{align-self:center}.hero-visual{margin-right:13px}.floating-card{right:-4px;top:18px}.image-label{left:10px;bottom:12px;max-width:calc(100% - 20px)}.image-label .label-copy{max-width:none}.hero-visual::after{right:-10px}}
@media(max-width:370px){.hero h1{font-size:clamp(2.85rem,14vw,3rem)}.hero-actions .button-whatsapp{font-size:9px}.hero-visual{margin-right:12px}.floating-card{right:-4px;min-width:138px;gap:7px;padding:9px 10px}.floating-card .sparkle{flex-basis:28px;width:28px;height:28px}.image-label{gap:6px;padding-inline:8px}.image-label .label-copy{max-width:142px}}

/* Readability pass: supporting copy stays legible without overwhelming headings. */
.hero-note strong{font-size:clamp(12px,.95vw,14px);line-height:1.35}
.hero-note small{font-size:clamp(11px,.82vw,12px);line-height:1.45}
.trust-inner>span{font-size:clamp(10px,.76vw,11px);line-height:1.5;letter-spacing:1.05px}
.trust-inner div{font-size:clamp(11px,.88vw,13px);line-height:1.4}
.trust-inner b{font-size:11px}
.intro-text p,.location-copy>p{font-size:clamp(13px,1.03vw,15px);line-height:1.8;color:#656b62}
.arrow-link{font-size:clamp(12px,.95vw,14px)}
.amenity h3{font-size:clamp(14px,1.05vw,16px);line-height:1.4;margin-top:19px}
.amenity p{font-size:clamp(12px,.92vw,14px);line-height:1.75;color:#696e65}
.gallery-heading>p{font-size:clamp(13px,1vw,15px);line-height:1.75;color:#656b62;max-width:310px}
.address strong{font-size:clamp(13px,.98vw,15px);line-height:1.4}
.address small{font-size:clamp(12px,.9vw,14px);line-height:1.5;color:#696e65}
.nearby span{font-size:clamp(10px,.75vw,12px)}
.nearby b{font-size:clamp(11px,.82vw,13px)}
@media(min-width:621px){.hero-note{gap:14px}.trust-inner{gap:20px}.trust-inner>span{max-width:250px}.amenities-grid{margin-top:28px}.amenity{padding-top:32px}.intro-text{padding-bottom:25px}.gallery-heading>p{margin-bottom:27px}.location-copy>p{max-width:370px}.address{margin:25px 0}}
@media(max-width:850px) and (min-width:621px){.trust-inner>span{max-width:185px}.trust-inner{gap:12px}.trust-inner div{font-size:11px}.intro-grid h2{font-size:clamp(34px,4.3vw,43px)}.intro-text p,.location-copy>p{font-size:13px}.amenity h3{font-size:14px}.amenity p{font-size:12px}.nearby span{font-size:9px}.nearby b{font-size:10px}}
@media(max-width:620px){.hero-note{gap:12px}.hero-note strong{font-size:12px}.hero-note small{font-size:11px}.trust-inner{gap:18px 14px;padding:22px 0}.trust-inner>span{font-size:10px;letter-spacing:.95px}.trust-inner div{font-size:11px;line-height:1.45}.trust-inner b{font-size:10px;margin-right:5px}.intro-grid h2{margin-bottom:18px}.intro-text p{font-size:14px;line-height:1.8}.arrow-link{font-size:13px}.amenities-grid{margin-top:25px}.amenity{padding-top:20px;padding-bottom:20px}.amenity h3{font-size:14px;line-height:1.35;margin:14px 0 8px}.amenity p{font-size:12px;line-height:1.7}.gallery-heading>p{font-size:13px;line-height:1.7;margin-bottom:20px}.location-copy>p{font-size:14px;line-height:1.75}.address{margin:20px 0}.address strong{font-size:13px}.address small{font-size:12px}.nearby span{font-size:9px}.nearby b{font-size:10px}}
@media(max-width:370px){.hero-note strong{font-size:11px}.trust-inner{gap:16px 8px}.trust-inner div{font-size:10px}.amenity h3{font-size:13px}.amenity p{font-size:11.5px}.intro-text p,.location-copy>p{font-size:13px}.address small{font-size:11px}}
@media(max-width:620px){.trust-inner>span{grid-column:1/-1}.gallery-heading>p{max-width:100%}}

/* Slightly brighter accent for primary WhatsApp actions. */
:root{--cta-green:#8EA66B;--cta-green-hover:#7d955c}
.nav-cta,.button-whatsapp,.contact-right .button-light,.mobile-whatsapp{background:var(--cta-green);border-color:var(--cta-green)}
.nav-cta:hover,.button-whatsapp:hover,.contact-right .button-light:hover,.mobile-whatsapp:hover{background:var(--cta-green-hover);border-color:var(--cta-green-hover)}
.button-whatsapp,.contact-right .button-light{box-shadow:0 7px 18px #526d5430}
.button-whatsapp:hover,.contact-right .button-light:hover{box-shadow:0 9px 22px #435d4638}
.button-whatsapp,.contact-right .button-light,.mobile-whatsapp{color:#202821}
.button-whatsapp .whatsapp-icon{background:#f3f6ed;color:#35432b}
.mobile-whatsapp span{color:#202821}
/* Keep the chosen accent as the final CTA layer after all theme overrides. */
.navigation .nav-cta,.hero-actions .button-whatsapp,.contact-right .button-light,.mobile-whatsapp{background:#8EA66B!important;border-color:#8EA66B!important;color:#202821!important}
.navigation .nav-cta:hover,.hero-actions .button-whatsapp:hover,.contact-right .button-light:hover,.mobile-whatsapp:hover{background:#7d955c!important;border-color:#7d955c!important;color:#202821!important}
.hero-actions .button-whatsapp .whatsapp-icon{background:#f3f6ed;color:#35432b}
.mobile-whatsapp span{color:#202821}

/* Primary action follows the calm, editorial palette while staying prominent. */
.nav-cta{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none;padding:12px 17px}
.nav-cta:hover{background:#354638;border-color:#354638;color:#fff!important}
.button-whatsapp,.contact-right .button-light{background:#28362c;color:#fff;border:1px solid #28362c;box-shadow:0 7px 18px #1c2a201f}
.button-whatsapp:hover,.contact-right .button-light:hover{background:#3b513f;border-color:#3b513f;box-shadow:0 9px 22px #1c2a202e}
.button-whatsapp{min-height:54px;padding-inline:20px;font-size:12px;letter-spacing:.05px}
.button-whatsapp .whatsapp-icon{border:0;background:#dbe6d5;color:#304531;font:700 12px var(--sans)}
.contact-right .button-light{min-height:50px;padding-inline:20px;font-size:12px}
.mobile-whatsapp{background:#28362c;color:#fff;box-shadow:0 7px 20px #1c2a2035;border:1px solid #536454}
.mobile-whatsapp:hover{background:#3b513f}
.mobile-whatsapp span{color:#d7e3d1}
.nav-cta,.button-whatsapp,.contact-right .button-light,.mobile-whatsapp{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.button-whatsapp:focus-visible,.nav-cta:focus-visible,.contact-right .button-light:focus-visible,.mobile-whatsapp:focus-visible{outline:3px solid #90a88b;outline-offset:3px}
@media(max-width:620px){.button-whatsapp{min-height:52px;font-size:11px}.contact-right .button-light{font-size:11px}.mobile-whatsapp{height:49px}}