:root{--cream:#faf8f2;--green:#234b40;--deep:#143b30;--orange:#dd5a29;--muted:#80877c;--border:#e4e5dd;--pale:#eff2e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--green);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e99758;outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.18}h2{font-size:36px;letter-spacing:-1.1px;font-weight:600}p{color:var(--muted)}.container{width:calc(100% - 128px);max-width:1312px;margin-inline:auto}.site-header{height:98px;display:flex;align-items:center;justify-content:space-between}.logo{width:160px;height:auto}.site-header nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--orange);color:#fff;border-radius:12px;padding:16px 23px;font-weight:600;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{background:#c54a20;transform:translateY(-1px)}.hero{min-height:494px;border-radius:25px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(11,49,37,.94),rgba(20,54,40,.5) 62%,rgba(20,54,40,.15)),url('../images/YOUR-CORNER-OF-KOCHI.png') center 46%/cover}.hero-copy{padding:48px 48px 170px;position:relative}.eyebrow{font-size:11px;color:var(--orange);font-weight:700;margin-bottom:12px}.hero-eyebrow{color:#e4e8dd;font-size:11px;margin-bottom:22px}.hero-eyebrow span{color:#e7b85e;margin-right:6px}.hero h1{color:#fff;font-size:62px;letter-spacing:-2px;max-width:790px;line-height:1.13;font-weight:600;margin-bottom:23px}.hero-copy>p:last-child{color:#d3ddcd;font-size:17px;line-height:1.6}.search-bar{position:absolute;bottom:14px;left:24px;right:24px;padding:20px 16px;background:white;border:1px solid var(--border);border-radius:20px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:center;box-shadow:0 8px 24px #00000008}.search-field{display:flex;gap:10px;align-items:center;padding:0 14px;border-right:1px solid var(--border);min-width:0}.search-field>span:last-child{min-width:0;width:100%}.field-icon{color:var(--orange);font-size:23px;line-height:1}.field-label{display:block;color:#8a9288;font-size:11px;line-height:1.5}input,select{background:transparent;border:0;max-width:100%;padding:0;min-width:0;font-size:13px;font-weight:600}input[type=date]{width:100%;font-size:12px}input[type=date]::-webkit-calendar-picker-indicator{width:12px;margin:0;padding:0}.search-button{font-size:14px;margin-left:14px;padding:16px 20px}.search-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.reassurance{display:flex;justify-content:center;gap:32px;font-size:12px;padding-top:8px}.reassurance span:before{content:'⊙';color:var(--orange);font-size:20px;vertical-align:-1px;margin-right:6px}.reassurance span{color:var(--muted)}.rooms-section{padding-top:58px;padding-bottom:70px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.section-heading p{margin-top:12px;font-size:15px}.text-link{background:none;padding:0;color:var(--orange);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:12px}.text-link:hover{text-decoration:underline}.text-link span{font-size:23px;line-height:1}.refine{background:#fff;border:1px solid var(--border);border-radius:22px;padding:22px}.refine-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.refine-title h3{font-size:14px}.refine-title h3 span{margin-right:8px;font-size:20px}.reset{color:var(--orange);font-size:11px;background:none}.refine>p{font-size:12px;color:var(--green);font-weight:600;margin-bottom:11px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:6px 11px;border:1px solid var(--border);border-radius:7px;background:#fff;font-size:12px}.chip.active{background:#fff0e7;color:var(--orange);border-color:#ffbd9c}.room-toolbar{display:flex;justify-content:space-between;align-items:center;margin:28px 0 20px;gap:12px}.sort{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.sort select{font-size:12px;color:var(--green);font-weight:400}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.room-card{border:1px solid var(--border);background:#fff;border-radius:22px;overflow:hidden}.room-photo{position:relative;aspect-ratio:644/242;overflow:hidden}.room-photo>img{width:100%;height:100%;object-fit:cover}.favorite{position:absolute;left:2.48%;top:6.6%;width:34px;height:34px;border-radius:50%;background:white;display:grid;place-items:center;color:var(--green);font-size:26px;line-height:1}.favorite[aria-pressed=true]{color:var(--orange)}.room-content{padding:18px 19px 16px}.room-content .eyebrow{font-size:10px;margin-bottom:10px}.room-content h3{font-size:21px;font-weight:600;margin-bottom:11px}.room-meta,.room-description{font-size:12px;margin-bottom:8px}.rate{border-top:1px solid var(--border);padding-top:11px;margin-top:10px;color:var(--green);font-size:16px;font-weight:600}.rate small{font-size:11px;font-weight:400;color:var(--muted)}.room-content .text-link{margin-top:10px;font-size:12px}.room-content .text-link span{font-size:17px}.rate-note{font-size:12px;text-align:center;margin-top:20px}.empty-state{text-align:center;padding:48px 12px}.benefits{background:var(--pale);padding:56px 0}.benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin-top:36px}.benefit-icon{display:grid;place-items:center;background:white;color:var(--orange);width:44px;height:44px;border-radius:12px;font-size:26px;margin-bottom:19px}.benefits-grid h3{font-size:19px;line-height:1.3;margin-bottom:10px}.benefits-grid p{font-size:14px;line-height:1.7}.neighbourhood{display:grid;grid-template-columns:1fr 1.09fr;gap:64px;align-items:center;padding-block:72px}.neighbourhood>img{width:100%;height:auto}.neighbourhood h2{margin-bottom:12px}.neighbourhood>div>p:not(.eyebrow){font-size:14px}.landmarks{list-style:none;padding:0;margin:24px 0 22px;display:grid;gap:14px}.landmarks li{display:flex;gap:14px;align-items:center;font-size:13px}.landmarks li>span{color:var(--orange);font-size:23px;width:18px}.landmarks strong{font-size:14px}.landmarks p{font-size:13px;line-height:1.4}footer{background:var(--deep);color:#ecf1e9}footer p,footer a:not(.button){color:#acbaab;font-size:12px}footer a:hover{color:#fff}.footer-cta{display:flex;justify-content:space-between;align-items:center;padding:40px 0 34px;border-bottom:1px solid #ffffff1a;gap:24px}.footer-cta h2{font-size:33px;font-weight:400;letter-spacing:-.8px;margin-bottom:10px}.footer-cta p{font-size:13px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1.25fr;gap:100px;padding:36px 0 65px}.footer-grid .logo{margin-bottom:18px}.footer-grid p{line-height:1.8}.footer-grid h3{font-size:12px;font-weight:600;margin-bottom:12px}.footer-grid a:not(:has(img)){display:block;margin-bottom:10px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff1a;padding:30px 0 24px;gap:20px}.footer-bottom p{font-size:10px}.skip-link{position:fixed;left:15px;top:-100px;background:white;padding:12px;z-index:10}.skip-link:focus{top:15px}dialog{padding:0;border:0;border-radius:22px;max-width:600px;width:calc(100% - 32px);color:var(--green);background:var(--cream);max-height:90vh;overflow:auto}dialog::backdrop{background:#10291fbb}dialog>img{width:100%;aspect-ratio:2.65;object-fit:cover}.dialog-close{position:absolute;right:12px;top:12px;background:white;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;padding:0;line-height:1}.dialog-close svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.dialog-copy{padding:28px}.dialog-copy h2{font-size:28px;margin-bottom:16px}.dialog-copy p{margin-bottom:14px}.dialog-copy .button{margin-top:10px;font-size:13px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1500px){.hero{min-height:494px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.hero h1{font-size:52px;max-width:680px}.search-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.search-field:nth-child(3){border:0}.search-button{margin:0}.hero-copy{padding-bottom:210px}.hero{min-height:540px}.footer-grid{gap:45px}.benefits-grid{gap:25px}.neighbourhood{gap:38px}h2{font-size:31px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.site-header{height:auto;min-height:88px;gap:15px;flex-wrap:wrap;padding-block:18px}.logo{width:140px}.site-header nav{gap:15px;font-size:12px;flex-wrap:wrap}.site-header .button{padding:10px 14px;border-radius:8px}.hero{border-radius:20px;min-height:0}.hero-copy{padding:34px 24px 30px}.hero h1{font-size:39px;letter-spacing:-1.3px;line-height:1.13}.hero-copy>p:last-child{font-size:14px}.hero-copy br{display:none}.hero-eyebrow{font-size:10px}.search-bar{position:relative;left:auto;right:auto;bottom:auto;margin:0 12px 12px;padding:18px 10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0;border-radius:15px}.search-field{padding:0 8px;gap:6px}.search-field:nth-child(3){border-right:1px solid var(--border)}.search-field:nth-child(even){border:0}.search-field input,.search-field select{font-size:11px}.field-icon{font-size:18px}.search-button{font-size:11px;padding:14px 8px;margin-left:8px;gap:5px;border-radius:8px}.search-button svg{width:16px}.reassurance{flex-wrap:wrap;gap:0 15px;padding-top:10px;font-size:10px}.reassurance span:before{font-size:16px}.rooms-section{padding-top:40px;padding-bottom:44px}h2{font-size:28px;letter-spacing:-.8px}.section-heading{gap:20px;align-items:flex-start}.section-heading p{font-size:13px}.section-heading .text-link{font-size:11px;white-space:nowrap;padding-top:8px;gap:4px}.section-heading .text-link span{font-size:18px}.refine{padding:18px;border-radius:17px}.room-toolbar{align-items:flex-start;flex-wrap:wrap;margin-top:20px}.chip{font-size:11px}.room-grid{grid-template-columns:1fr;gap:20px}.room-content{padding:18px}.room-content h3{font-size:20px}.benefits{padding:40px 0}.benefits-grid{grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:30px}.benefits-grid h3{font-size:17px}.benefits-grid p{font-size:12px}.neighbourhood{grid-template-columns:1fr;gap:28px;padding-block:42px}.footer-cta{align-items:flex-start;flex-direction:column;padding-block:32px}.footer-cta h2{font-size:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:32px}.footer-grid>div:first-child{grid-column:1/-1;max-width:300px}.footer-grid>div:last-child{min-width:0}.footer-grid a{overflow-wrap:anywhere}.footer-bottom{flex-direction:column;gap:8px;padding-block:22px}.dialog-copy{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.favorite{display:none}
.book-now{margin-top:14px;padding:12px 28px;border-radius:999px;font-size:13px}
.reserve-form{margin-top:4px}
.reserve-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}
.reserve-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.reserve-field .field-label{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}
.reserve-field input,.reserve-field select{width:100%;background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--green)}
.reserve-field input::placeholder{color:#9aa096}
.reserve-field input:focus,.reserve-field select:focus{outline:3px solid #e99758;outline-offset:2px}
.reserve-button{width:100%;border-radius:999px;justify-content:center}
.flatpickr-calendar{font-family:inherit;box-shadow:0 10px 30px rgba(20,59,48,.18)}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover{background:var(--orange);border-color:var(--orange)}
.flatpickr-day.today{border-color:var(--orange)}
.flatpickr-day.today:hover{background:var(--pale);color:var(--green)}
.flatpickr-time input:hover,.flatpickr-time input:focus{background:var(--pale)}
.flatpickr-current-month,.flatpickr-months .flatpickr-month{color:var(--green)}

.reserve-field input,.reserve-field select{min-height:48px;font-size:14px;font-weight:500;color-scheme:light}.reserve-field select{cursor:pointer;padding-right:8px}.reserve-field input[type=date]{cursor:pointer}.reserve-field input[type=date]::-webkit-calendar-picker-indicator{width:20px;height:20px;padding:2px;cursor:pointer}.stay-summary{font-size:12px;padding:10px 12px;background:var(--pale);border-radius:8px;color:var(--green)}

.date-input{position:relative;min-width:0}.date-placeholder{display:none;position:absolute;left:12px;right:38px;top:50%;transform:translateY(-50%);color:#80877c;font-size:13px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-input[data-empty="true"]:not(:focus-within) .date-placeholder{display:block}.date-input[data-empty="true"]:not(:focus-within) input{color:transparent}.date-input[data-empty="true"]:not(:focus-within) input::-webkit-datetime-edit{opacity:0}