@import url('identity.css');
@import url('fonts/poppins.css');
*{box-sizing:border-box}html{background:#fff}body{margin:0;color:#111;font-family:Poppins,Arial,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--page-color,#fff);min-height:100vh;padding:50px 0 104px}.homepage{max-width:600px;margin:auto;position:relative}.page-backdrop{position:fixed;inset:0;background-image:var(--page-image);background-size:cover;background-position:center;pointer-events:none;z-index:0}.page-backdrop:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,var(--page-overlay,0))}.cover-image{height:180px;margin-top:-50px;background:var(--page-image) center/cover no-repeat;border-radius:0 0 16px 16px;margin-bottom:22px}.home-header{text-align:center;padding:12px 18px 20px}.home-header h1{font-size:18px;line-height:1.3;margin:18px 0 0;font-weight:700}.home-header p{font-size:13px;color:#6e7379;margin:8px auto 0;max-width:390px;line-height:1.7}.blocks{padding:0 10px}.promotion{margin:0 0 11px;position:relative;border-radius:6px;overflow:hidden;aspect-ratio:1440/823;background:#f3f4f5}.promotion>a.image-link{display:block;width:100%;height:100%;position:relative}.promotion img{width:100%;height:100%;object-fit:cover;display:block}.promotion .promo-button{position:absolute;left:50%;right:auto;transform:translateX(-50%);bottom:9px;width:calc(100% - 4px);max-width:355px;min-height:36px;padding:8px 10px;display:flex;gap:8px;align-items:center;justify-content:center;color:white;background:var(--button-color);border-radius:5px;text-decoration:none;font-size:14px;font-weight:600;line-height:.8;text-align:center}.link-row{display:flex;align-items:center;gap:14px;padding:23px 4px;border-bottom:1px solid #d6d6d6;color:#080808;text-decoration:none;min-height:88px;position:relative}.link-row+.promotion{margin-top:18px}.link-icon{width:28px;height:28px;flex-shrink:0;color:#7dafae;display:grid;place-items:center}.link-icon svg{width:24px;height:24px;fill:currentColor}.link-icon img{width:24px;height:24px;object-fit:contain}.link-text{flex:1;min-width:0}.link-text strong{display:block;font-size:20px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.link-text small{display:block;color:#757575;font-size:12px;line-height:1.6;margin-top:5px}.chevron{width:18px;flex-shrink:0;font-size:30px;line-height:1;text-align:center;font-family:Arial,sans-serif;font-weight:700}.home-booking{position:fixed;z-index:10;bottom:0;left:0;right:0;background:#fff;padding:6px 15px calc(21px + env(safe-area-inset-bottom));box-shadow:0 -1px 0 #ececec,0 -6px 18px rgba(0,0,0,.05);max-width:600px;margin:auto}.home-booking a{height:40px;display:flex;align-items:center;justify-content:center;gap:12px;background:#7185ab;color:white;border-radius:5px;text-decoration:none;font-size:15px;font-weight:600;line-height:1;margin-left:52px;padding:0 12px;position:relative}.loading{position:relative}.loader{display:none;width:20px;height:20px;border:2px solid #d9e0ec;border-top-color:#7185ab;border-radius:50%;position:absolute;right:44px;top:50%;margin-top:-10px;animation:spin .7s linear infinite;pointer-events:none}.loading .loader{display:block}.link-row.loading{background:#f5f7fb;border-radius:6px}.promo-button .loader,.home-booking .loader{right:10px;border-color:#ffffff66;border-top-color:white}.image-link .loader{top:auto;bottom:17px;right:17px;background:#f5f7fb;box-shadow:0 0 0 6px #f5f7fb}.image-link.loading:after{visibility:hidden}a:focus-visible{outline:2px solid #7185ab;outline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}.empty-preview{padding:40px;text-align:center;color:#777}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:770px){.home-header h1{font-size:16px;line-height:1.4}.promotion .promo-button{font-size:16px}}@media(max-width:350px){.link-text small{font-size:11px}}@media(prefers-reduced-motion:reduce){.loader{animation-duration:1.8s}}

.home-header h1,.home-header p,.home-logo span,.promo-button{overflow-wrap:anywhere}



/* Rounded navigation cards are the studio design, with FBH typography. */
.link-row{background:#fff;border:1px solid #e7e9ec;border-radius:12px;margin:10px 0;padding:20px 14px;min-height:94px;box-shadow:0 2px 8px rgba(25,35,45,.04)}.link-row.loading{border-radius:12px}.home-booking{border-radius:0}

.preview-placeholder{border:2px dashed #aebdd0;border-radius:10px;background:rgba(247,249,252,.96);color:#667b98;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;gap:7px;margin:10px 0;scroll-margin-bottom:90px}.placeholder-promotion{aspect-ratio:1440/823}.placeholder-button{min-height:100px}.preview-placeholder strong{font-size:14px;font-weight:500}.preview-placeholder small{font-size:11px;line-height:1.6;max-width:240px}.placeholder-symbol{font-size:24px;line-height:1}

.link-row{background:var(--link-background,#fff);color:var(--link-ink,#111)}.link-row .link-text small{color:var(--link-muted,#757575)}.link-row .link-icon{color:var(--link-icon,#7dafae)}.booking-icon{width:18px;height:18px;object-fit:contain}.link-row.loading{background:var(--link-background,#f5f7fb)}

.logo-placeholder{border:2px dashed #aebdd0;background:rgba(247,249,252,.96);color:#667b98;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:6px;margin:0 auto 12px}.logo-placeholder.wide{width:180px;height:60px}.logo-placeholder.square{width:76px;height:76px}.logo-placeholder>span{font-size:20px;line-height:1}.logo-placeholder small{font-size:10px;line-height:1.4}

.logo-placeholder.square.logo-left{margin-left:0;margin-right:auto;width:52px;height:52px}

/* FBH mobile reference: navigation group, icon rhythm and banner controls. */
.chevron{width:16px;height:24px;display:grid;place-items:center}
.chevron svg{width:12px;height:24px;fill:currentColor}
.promo-button>svg{width:20px;height:16px;flex:none;fill:currentColor}
@media(max-width:350px){.link-text strong{font-size:17px}}


.home-header p{line-height:1.7}