:root{--primary:hsl(26 36% 18%);--secondary:hsl(181 35% 34%);--accent:hsl(81 75% 78%);--background:hsl(26 18% 97%);--surface:#fff;--ink:hsl(26 27% 13%);--muted:hsl(26 10% 37%);--line:hsl(26 15% 83%);--soft:hsl(26 20% 92%);--danger:#a12230;--radius:6px;--space:clamp(1rem,2.5vw,2.8rem);--page:min(1440px,92vw);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--background);color:var(--ink);font:clamp(1rem,.93rem + .15vw,1.125rem)/1.65 var(--sans)}a{color:inherit;text-underline-offset:4px}img{display:block;width:100%;object-fit:cover}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.65rem 1.3rem;border:1px solid transparent;border-radius:var(--radius);background:var(--primary);color:white;text-decoration:none;cursor:pointer;font-weight:600;line-height:1.4}button:hover,.button:hover{filter:brightness(1.12)}button:disabled{opacity:.55;cursor:not-allowed}.button.light{background:var(--accent);color:var(--ink)}.outline{background:transparent;color:var(--ink);border-color:var(--line)}.text-button{background:none;color:var(--ink);padding:.3rem;text-decoration:underline;font-weight:400}input,select,textarea{width:100%;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:48px;padding:.7rem;color:var(--ink)}input[type=checkbox],input[type=radio]{width:20px;min-height:20px;flex-shrink:0;accent-color:var(--primary)}label{display:grid;gap:.35rem;font-size:.9rem;font-weight:600}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-weight:700;margin-bottom:1rem}:focus-visible{outline:3px solid var(--secondary);outline-offset:4px}.skip{position:fixed;left:1rem;top:-6rem;z-index:100;background:white;padding:1rem}.skip:focus{top:1rem}header{width:100%;padding:1.1rem 4vw;display:flex;align-items:center;gap:2rem;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--background)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-size:.95rem;font-weight:800;letter-spacing:.12em;line-height:1.4}.brand small{display:block;font-size:.63rem;font-weight:400;letter-spacing:.15em;margin-top:.2rem}.monogram{font:2.4rem var(--serif);border:1px solid var(--ink);border-radius:50%;width:54px;height:54px;display:grid;place-items:center;letter-spacing:0}nav{display:flex;gap:2rem}nav a{text-decoration:none;font-size:.9rem;padding:.5rem 0;border-bottom:2px solid transparent}nav a[aria-current=page]{border-color:var(--secondary)}.cart-link{font-size:.9rem;text-decoration:none;display:flex;gap:.6rem;align-items:center}#cart-count{display:grid;place-items:center;width:27px;height:27px;background:var(--primary);color:#fff;border-radius:50%;font-size:.75rem}main{min-height:60vh;outline:none}.view{animation:enter .28s ease-out}.leaving{opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(2.65rem,5.5vw,6.3rem)}h2{font-size:clamp(2rem,3.3vw,3.6rem)}h3{font-size:1.15rem;line-height:1.35;letter-spacing:-.02em}p{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.2em;font-weight:700;margin-bottom:1.4rem}.hero{width:var(--page);margin:2.6rem auto 0;display:grid;grid-template-columns:1.03fr 1fr;background:var(--primary);color:#fff;min-height:610px}.hero-copy{padding:clamp(1.7rem,4.5vw,5rem);align-self:center}.hero h1{margin-bottom:1.8rem}.hero h1 em{color:var(--accent);font-weight:400}.hero p{color:#ececef;max-width:35ch}.hero .eyebrow{color:var(--accent)}.hero-image{position:relative;min-height:450px;overflow:hidden}.hero-image img{height:100%;position:absolute;inset:0}.photo-label{position:absolute;bottom:1.1rem;right:1.2rem;background:#142222c9;color:#fff;padding:.4rem .7rem;font-size:.75rem}.hero-note{margin-top:2rem;border-top:1px solid #ffffff40;padding-top:1.1rem;font-size:.82rem;display:flex;gap:1rem}.trust{width:var(--page);margin:auto;padding:1.4rem 0;display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);font-size:.83rem}.trust strong{font-family:var(--serif);font-size:1.4rem;margin-right:.5rem}.section{width:var(--page);margin:clamp(2.5rem,6vw,6rem) auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.section-head h2{margin-bottom:0}.section-head p{max-width:36ch;margin-bottom:0}.booking-strip{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:center;padding:2rem;background:var(--soft);border-radius:var(--radius)}.booking-strip h2{font-size:2.25rem;margin-bottom:.5rem}.row{display:flex;gap:.8rem;align-items:end}.row>*{flex:1}.row button{flex:0 0 auto}.result{margin-top:1rem;font-size:.9rem}.result:empty{display:none}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.7rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.card-image{position:relative;aspect-ratio:1.52;overflow:hidden;background:var(--soft)}.card-image img{height:100%;transition:transform .4s}.card:hover img{transform:scale(1.03)}.card .tag{position:absolute;top:1rem;left:1rem;background:var(--surface);font-size:.7rem;padding:.25rem .65rem;border-radius:2rem}.card-body{padding:1.4rem;display:flex;flex:1;flex-direction:column}.card-body p{font-size:.9rem;flex:1}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem}.price{font-weight:700}.price small{display:block;font-size:.75rem;font-weight:400;color:var(--muted)}.card-bottom button{padding:.55rem .9rem;font-size:.85rem}.newsletter{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:clamp(1.5rem,4vw,4rem);background:var(--secondary);color:white}.newsletter p{color:#fff}.newsletter .eyebrow{color:#fff}.newsletter input{border:0}.newsletter a{color:#fff}.check{display:flex;align-items:start;gap:.65rem;font-weight:400;margin:1rem 0}.check input{margin:3px 0}.newsletter small{display:block;margin-top:1rem;font-size:.8rem}.page-heading{padding-bottom:2rem;border-bottom:1px solid var(--line);margin-bottom:2rem}.page-heading h1{font-size:clamp(2.5rem,4.5vw,5rem);margin-bottom:1rem}.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.filters button{background:transparent;color:var(--ink);border:1px solid var(--line);font-size:.85rem}.filters button[aria-pressed=true]{background:var(--primary);color:#fff}.catalogue-tools{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end}.catalogue-tools label{max-width:450px}.subtle{font-size:.85rem;color:var(--muted)}.checkout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2.5rem;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1rem,2.5vw,2.2rem);margin-bottom:1.5rem}.panel h2{font-size:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.wide{grid-column:1/-1}.notice{background:var(--soft);padding:1rem;font-size:.88rem;border-left:3px solid var(--secondary);margin:1.2rem 0}.payments{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.payments label{display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);padding:.75rem;font-size:.82rem}.payments label:has(input:checked){border-color:var(--primary);background:var(--soft)}.cart-item{padding:1.1rem 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:.5rem}.cart-item h3{margin-bottom:.3rem;font-size:1rem}.quantity{display:flex;gap:.5rem;align-items:center}.quantity button{min-height:36px;width:36px;padding:0;background:var(--soft);color:var(--ink)}.quantity input{width:52px;text-align:center;min-height:36px;padding:.15rem;appearance:textfield}.quantity input::-webkit-inner-spin-button{appearance:none}.remove{border:0;background:none;color:var(--muted);font-size:.8rem;padding:0;min-height:32px;text-decoration:underline}.totals{margin:1.3rem 0}.totals div{display:flex;justify-content:space-between;gap:1rem;margin:.5rem 0}.totals .grand{border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem;font-weight:700;font-size:1.2rem}.empty{text-align:center;padding:3rem 1rem}.empty h2{font-size:2rem}.full{width:100%}.city-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}.city-list{display:grid;gap:.6rem;align-content:start}.city-list button{justify-content:space-between;background:var(--surface);color:var(--ink);border-color:var(--line);text-align:left}.city-list button[aria-pressed=true]{background:var(--primary);color:#fff}.location-photo{height:240px;margin-bottom:1.5rem}.legal{max-width:900px}.legal h2{font-size:1.7rem;margin-top:2rem;letter-spacing:-.02em}.legal li{margin:.7rem 0}.legal p{color:var(--ink)}.status-list{list-style:none;padding:0}.status-list li{border-left:2px solid var(--line);padding:.8rem 1rem}.status-list li:first-child{border-color:var(--secondary);font-weight:700}footer{background:var(--primary);color:#fff;padding:3.5rem 4vw 1.5rem;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:3rem}footer p{color:#dedee5;margin-top:1rem;font-size:.9rem}footer strong{display:block;margin-bottom:1rem;font-size:.85rem}footer>div>a:not(.brand){display:block;font-size:.85rem;margin:.5rem 0;color:#e8e8ee;text-decoration:none}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff35;padding-top:1.5rem;display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;color:#e8e8ee}#toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:var(--primary);color:white;border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1.5rem;max-width:90vw;width:max-content;z-index:60;box-shadow:0 6px 30px #0002}#toast:empty{display:none}#cookie-banner{position:fixed;bottom:1rem;left:1rem;background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 60px #0003;padding:1.4rem;max-width:490px;width:calc(100% - 2rem);z-index:50;border-radius:var(--radius)}#cookie-banner p{font-size:.85rem;margin-bottom:1rem}#cookie-banner h2{font:1.5rem var(--serif);margin-bottom:.6rem}#cookie-banner .row{flex-wrap:wrap}#cookie-banner button{font-size:.8rem;padding:.6rem}#cookie-banner[hidden]{display:none}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-thumb{background:var(--secondary);border:2px solid var(--background);border-radius:9px}::-webkit-scrollbar-track{background:var(--background)}.error{color:var(--danger)}[hidden]{display:none!important}body,p,h1,h2,h3,a{overflow-wrap:break-word}
@media(min-width:1800px){:root{--page:min(1900px,88vw)}.hero{min-height:760px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.featured{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;min-height:540px}.hero-copy{padding:2rem}.hero h1{font-size:clamp(2.6rem,6vw,4.5rem)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-strip,.newsletter{grid-template-columns:1fr;gap:1.5rem}.checkout{grid-template-columns:1fr}.trust{flex-wrap:wrap}.city-layout{grid-template-columns:1fr}.city-list{grid-template-columns:repeat(2,minmax(0,1fr))}header{gap:1rem}nav{gap:1rem}footer{gap:1.5rem}}
@media(max-width:600px){header{flex-wrap:wrap;padding:1rem 4vw;gap:.8rem}.brand{font-size:.8rem}.monogram{width:42px;height:42px;font-size:1.9rem}.brand small{font-size:.6rem}nav{order:3;width:100%;justify-content:center;gap:2rem}.hero{grid-template-columns:1fr;margin-top:1rem;min-height:0}.hero-copy{padding:2rem 1.5rem}.hero h1{font-size:3.35rem}.hero-image{min-height:300px}.hero-note{margin-top:1.2rem}.trust{gap:.7rem;display:grid;grid-template-columns:1fr 1fr;font-size:.75rem}.trust strong{font-size:1.1rem}.section-head{align-items:start;flex-direction:column;gap:1rem}.booking-strip{padding:1.3rem}.row{flex-wrap:wrap}.row label{flex-basis:100%}.row button{flex:1}.cards{grid-template-columns:1fr}.card-image{aspect-ratio:1.65}.newsletter{padding:1.5rem}.form-grid,.payments{grid-template-columns:1fr}.catalogue-tools{grid-template-columns:1fr}.city-list{grid-template-columns:1fr}.filters button{font-size:.8rem;padding:.55rem .7rem}.footer-bottom{flex-direction:column}footer{grid-template-columns:1fr 1fr}footer>div:first-child{grid-column:1/-1}.section{margin:2.8rem auto}.quantity{gap:.25rem}.cart-item{gap:.3rem}#cookie-banner{bottom:.5rem;left:.5rem;width:calc(100% - 1rem)}.photo-label{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.image-unavailable{position:relative;display:grid;place-items:center;min-height:180px}.image-unavailable::after{content:"Gambar suasana tidak tersedia";font-size:.85rem;padding:1rem;color:var(--muted)}.hero-image.image-unavailable::after{color:#fff}