.bnh-hero-preview{height:340px;position:relative;overflow:hidden;border-radius:14px;background:#e7eadf;margin-bottom:16px}.bnh-hero-preview .preview-bg{width:100%;height:100%;object-fit:cover;object-position:center var(--hero-focus)}.preview-brand{position:absolute;top:var(--hero-y);left:var(--hero-x);transform:translateX(-50%);width:90%;display:flex;align-items:center;flex-direction:column;text-align:center;color:var(--hero-ink);gap:6px;padding-top:20px}.preview-brand strong{font:var(--hero-title)/1.1 Georgia,serif;text-transform:uppercase}.preview-brand small{font-size:var(--hero-place,12px);letter-spacing:3px}.preview-brand .preview-dates{font-size:var(--hero-date,10px);letter-spacing:1px;border-top:1px solid #d6b15a;padding-top:8px}.preview-brand em{font:italic var(--hero-tagline,22px)/1.3 Georgia,serif}.preview-logo{height:var(--hero-logo);max-width:160px;object-fit:contain}.bnh-hero-editor input[type=range]{width:100%}.bnh-hero-editor input[type=color]{width:64px;height:40px;padding:3px}.bnh-hero-editor output{float:right}

.preview-brand strong{font-weight:var(--hero-weight,500)}.preview-brand .preview-dates{border-top:0;position:relative}.preview-brand .preview-dates:before{content:"";display:block;width:var(--hero-line-width,180px);max-width:100%;height:var(--hero-line-thickness,1px);background:var(--hero-line-color,#d6b15a);margin:0 auto 8px}

.preview-brand .preview-dates{transform:translateY(var(--hero-date-y,0px))}.preview-brand .preview-dates:before{transform:translateY(calc(var(--hero-line-y,0px) - var(--hero-date-y,0px)))}

.preview-brand strong{transform:translateY(var(--hero-title-y,0px))}.preview-logo{transform:translateY(var(--hero-logo-y,0px))}.preview-brand small,.preview-brand .hero-location-part{color:var(--hero-location-ink,var(--hero-ink))}.preview-brand .hero-date-part{color:var(--hero-date-ink,var(--hero-ink))}

.preview-brand strong{color:var(--hero-title-ink,var(--hero-ink))!important}

/* Keep admin typography from overriding the selected preview colours. */
html body .bnh-hero-editor .bnh-hero-preview .preview-brand small,
html body .bnh-hero-editor .bnh-hero-preview .preview-brand .hero-location-part{color:var(--hero-location-ink,var(--hero-ink))!important;-webkit-text-fill-color:var(--hero-location-ink,var(--hero-ink))!important}
html body .bnh-hero-editor .bnh-hero-preview .preview-brand .preview-dates,
html body .bnh-hero-editor .bnh-hero-preview .preview-brand .hero-date-part{color:var(--hero-date-ink,var(--hero-ink))!important;-webkit-text-fill-color:var(--hero-date-ink,var(--hero-ink))!important}

.bnh-hero-preview .preview-brand>*{cursor:move;touch-action:none;user-select:none;pointer-events:auto}.hero-part-selected{outline:2px dashed #dfb750;outline-offset:5px}.hero-direct-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px;background:#edf1e7;border-radius:12px;margin-bottom:16px}.hero-direct-tools button{padding:8px 12px;border:1px solid #bdcbbc;border-radius:8px;background:white;color:#123c30}.hero-direct-tools label{display:flex!important;align-items:center;gap:8px}.hero-direct-tools small{font-size:12px}
html body .bnh-hero-editor .preview-brand strong,html body #app .bnh-home-logo-lockup h1{transform:translate(var(--heroTitleOffsetX,0px),var(--hero-title-y,0px))!important}
html body .bnh-hero-editor .preview-brand .preview-logo,html body #app .bnh-home-logo-lockup .v2-brand-symbol{transform:translate(var(--heroLogoOffsetX,0px),var(--hero-logo-y,0px))!important}
html body .bnh-hero-editor .preview-brand small,html body #app .bnh-home-logo-lockup .v2-brand-place{transform:translate(var(--heroPlaceOffsetX,0px),var(--heroPlaceOffsetY,0px))!important}
html body .bnh-hero-editor .preview-brand .preview-dates,html body #app .bnh-home-logo-lockup .v2-brand-date{transform:translate(var(--heroDateOffsetX,0px),var(--hero-date-y,0px))!important}
html body .bnh-hero-editor .preview-brand em,html body #app .bnh-home-logo-lockup .v2-brand-tagline{transform:translate(var(--heroTaglineOffsetX,0px),var(--heroTaglineOffsetY,0px))!important}

.bnh-hero-editor .hero-advanced-field{display:none!important}.bnh-hero-editor .preview-logo{max-width:none!important;width:auto!important;height:var(--hero-logo)!important;max-height:none!important;flex-shrink:0;filter:var(--hero-logo-filter,none)}
.bnh-hero-editor .preview-dates:before{display:none!important}.bnh-hero-editor .preview-line{display:block;width:var(--hero-line-width);height:var(--hero-line-thickness);background:var(--hero-line-color);position:relative;transform:translate(var(--heroLineOffsetX,0px),var(--hero-line-y,0px));flex-shrink:0}.preview-line:after{content:'';position:absolute;inset:-8px 0}
html body .hero-direct-tools button{color:#103c30!important;-webkit-text-fill-color:#103c30!important;font-size:16px!important;min-width:40px;min-height:40px}html body .hero-direct-tools label{color:#103c30!important}.bnh-home-logo-lockup .v2-brand-symbol{max-width:none!important;width:auto!important;height:var(--hero-logo)!important;filter:var(--hero-logo-filter,none)}

html body .bnh-hero-editor .preview-brand small,html body #app .bnh-home-logo-lockup .v2-brand-place{font-weight:var(--hero-place-weight,500)!important}
html body .bnh-hero-editor .preview-brand .preview-dates,html body #app .bnh-home-logo-lockup .v2-brand-date{font-weight:var(--hero-date-weight,500)!important}
html body .bnh-hero-editor .preview-brand em,html body #app .bnh-home-logo-lockup .v2-brand-tagline{font-weight:var(--hero-tagline-weight,500)!important}
.preview-fixed-controls{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none}.preview-fixed-controls>span,.preview-fixed-controls>div>span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#18352e55;color:white;font:24px Arial;backdrop-filter:blur(6px)}.preview-fixed-controls>div{display:flex;gap:8px}.preview-fixed-bottom{position:absolute;bottom:22px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;color:white}.preview-profile-reference,.preview-countdown-reference{display:flex;align-items:center;gap:8px}.preview-avatar-reference{width:48px;height:48px;display:grid;place-items:center;border:2px solid white;border-radius:50%;background:#174c3c}.preview-fixed-bottom small{display:block;font:10px Arial;color:white!important;-webkit-text-fill-color:white!important}.preview-profile-reference b{font:20px Georgia;color:white!important}.preview-countdown-reference{padding:10px 12px;border:1px solid #ffffff66;background:#15362b88;border-radius:18px;backdrop-filter:blur(8px)}.preview-countdown-reference b{font:26px Arial;color:white!important}.bnh-hero-preview .preview-brand{gap:4px}
html body #app .bnh-home-logo-lockup .v2-brand-date:before{display:none!important}
html body #app .bnh-home-logo-lockup .v2-brand-line,html body .bnh-hero-editor .preview-brand .preview-line{display:block;width:var(--hero-line-width,180px);height:var(--hero-line-thickness,1px);background:var(--hero-line-color,#d6b15a);transform:translate(var(--heroLineOffsetX,0px),var(--hero-line-y,0px))!important;flex-shrink:0;margin:0;border:0}
html body #app .bnh-home-logo-lockup .v2-brand-date,html body .bnh-hero-editor .preview-brand .preview-dates{padding-top:0!important;border-top:0!important}

.hero-visibility{display:flex;flex-wrap:wrap;gap:12px;padding:14px;background:#edf1e7;border-radius:12px;margin:12px 0}.hero-visibility>b{width:100%;color:#103c30}.hero-visibility label{display:flex!important;align-items:center;gap:6px;color:#103c30!important}.hero-visibility input{width:18px!important;height:18px!important;accent-color:#073c2c}
html body .bnh-hero-editor .preview-brand strong,html body #app .bnh-home-logo-lockup h1{visibility:var(--hero-title-visibility,visible)!important}
html body .bnh-hero-editor .preview-brand .preview-logo,html body #app .bnh-home-logo-lockup .v2-brand-symbol{visibility:var(--hero-logo-visibility,visible)!important}
html body .bnh-hero-editor .preview-brand small,html body #app .bnh-home-logo-lockup .v2-brand-place{visibility:var(--hero-place-visibility,visible)!important}
html body .bnh-hero-editor .preview-brand .preview-dates,html body #app .bnh-home-logo-lockup .v2-brand-date{visibility:var(--hero-date-visibility,visible)!important}
html body .bnh-hero-editor .preview-brand .preview-line,html body #app .bnh-home-logo-lockup .v2-brand-line{visibility:var(--hero-line-visibility,visible)!important}
html body .bnh-hero-editor .preview-brand em,html body #app .bnh-home-logo-lockup .v2-brand-tagline{visibility:var(--hero-tagline-visibility,visible)!important}

/* One typography and spacing contract for the live hero and its editor. */
.bnh-hero-preview{height:360px;margin-bottom:0;container-type:inline-size}.hero-device-stage{margin-bottom:16px;overflow:hidden}.preview-brand-anchor{position:absolute;top:16px;left:16px;right:16px;bottom:0;pointer-events:none}
html body :is(#app#app#app,.bnh-hero-editor) :is(.bnh-home-logo-lockup,.preview-brand){position:absolute!important;left:var(--hero-x,50%)!important;top:var(--hero-y,0px)!important;transform:translateX(-50%)!important;width:90%!important;max-width:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;padding:0!important;margin:0!important;text-align:center!important;text-shadow:none!important;font-family:Inter,Arial,sans-serif!important}
html body :is(#app#app#app,.bnh-hero-editor) :is(.bnh-home-logo-lockup,.preview-brand)>*{margin:0!important;padding:0!important;box-sizing:border-box!important;flex-shrink:0!important;text-transform:none!important}
html body :is(#app#app#app,.bnh-hero-editor) :is(.bnh-home-logo-lockup h1,.preview-brand strong){font-family:'Bodoni Moda',Georgia,serif!important;font-size:var(--hero-title,32px)!important;font-weight:var(--hero-weight,500)!important;line-height:1.1!important;letter-spacing:normal!important}
html body :is(#app#app#app,.bnh-hero-editor) :is(.v2-brand-place,.preview-brand small){font-family:Inter,Arial,sans-serif!important;font-size:var(--hero-place,12px)!important;line-height:1.3!important;letter-spacing:3px!important}
html body :is(#app#app#app,.bnh-hero-editor) :is(.v2-brand-date,.preview-dates){font-family:Inter,Arial,sans-serif!important;font-size:var(--hero-date,10px)!important;line-height:1.4!important;letter-spacing:1.5px!important;border:0!important}
html body :is(#app#app#app,.bnh-hero-editor) :is(.v2-brand-date,.preview-dates):before{display:none!important}
html body :is(#app#app#app,.bnh-hero-editor) :is(.v2-brand-tagline,.preview-brand em){font-family:'Bodoni Moda',Georgia,serif!important;font-size:var(--hero-tagline,22px)!important;line-height:1.3!important;font-style:italic!important}
html body :is(#app#app#app,.bnh-hero-editor) :is(.v2-brand-symbol,.preview-logo){display:block!important;height:var(--hero-logo,64px)!important;width:auto!important;max-width:none!important;object-fit:contain!important}
html body #app .bnh-home-v2>.bnh-hero{container-type:inline-size}
@container (max-width:600px){html body :is(#app#app#app,.bnh-hero-editor) :is(.bnh-home-logo-lockup,.preview-brand){transform:translate(-50%,15px)!important}}

html body :is(#app#app#app,.bnh-hero-editor) :is(.v2-brand-date,.preview-dates){transform:translate(var(--heroDateOffsetX,0px),var(--hero-date-y,0px))!important}