html,body{overflow-x:clip}
/* restaurant_v2 */
#hero.hero:has(#hero-art.has-photo){position:relative;isolation:isolate;min-height:max(70svh,520px);align-content:center;--pi:#fff;--pi2:rgb(255 255 255/.86);--pl:rgb(255 255 255/.3);color:#fff}
#hero.hero:has(#hero-art.has-photo) #hero-art{grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;position:absolute!important;inset:0 auto 0 calc(50% - 50vw)!important;width:100vw!important;height:100%!important;max-width:none!important;margin:0!important;transform:none!important;translate:none!important;z-index:-1!important;border-radius:0!important}
#hero.hero:has(#hero-art.has-photo) #hero-art .hero-img{position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border-radius:0!important;-webkit-mask:none!important;mask:none!important;opacity:1!important}
#hero.hero:has(#hero-art.has-photo) #hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(0 0 0/.74),rgb(0 0 0/.42) 55%,rgb(0 0 0/.18)),linear-gradient(0deg,rgb(0 0 0/.5),transparent 50%);pointer-events:none;z-index:1}
/* dentist */
section#top:has(h1):has(figure img){position:relative;isolation:isolate;color:#fff}
section#top:has(h1):has(figure img)>div{display:grid!important;grid-template-columns:minmax(0,640px)!important;min-height:max(70svh,520px);align-content:center;position:static!important}
section#top:has(h1):has(figure img) figure{position:absolute!important;inset:0 auto 0 calc(50% - 50vw)!important;width:100vw!important;height:100%!important;max-width:none!important;margin:0!important;transform:none!important;translate:none!important;z-index:-1!important;border-radius:0!important;border:0!important;box-shadow:none!important;padding:0!important;outline:0!important}
section#top:has(h1):has(figure img) figure img{position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
section#top:has(h1):has(figure img) figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(0 0 0/.72),rgb(0 0 0/.4) 60%,rgb(0 0 0/.15));pointer-events:none;z-index:1}
section#top:has(h1):has(figure img) :is(h1,h2,p,li,dt,dd,.kicker,small,span):not(:is(a,button) *){color:#fff}
@media (max-width:700px){
  #hero.hero:has(#hero-art.has-photo),section#top:has(h1):has(figure img)>div{min-height:max(60svh,460px)}
  #hero.hero:has(#hero-art.has-photo) #hero-art::after,section#top:has(h1):has(figure img) figure::after{background:linear-gradient(0deg,rgb(0 0 0/.82),rgb(0 0 0/.4) 70%,rgb(0 0 0/.3))}
}
/* D637 FIXES (kits3 11-09, design1 readback): (b) a contact link with no number / address (href="tel:" / "mailto:" / "sms:", the owner gave none) is never drawn as an empty icon button;
   (c) a writer-made cart button in a local site's header gets the header's pill look instead of the browser's default box */
html[data-kit-local] a:is([href="tel:"],[href="mailto:"],[href="sms:"],[href="tel"],[href="mailto"]){display:none!important}
html[data-kit-local] :is(header,nav) :is(button.cart-btn,#cart-btn):not([class*=kl-]){appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:.4em;min-height:44px;padding:0 1em;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer}
html[data-kit-local] :is(header,nav) :is(button.cart-btn,#cart-btn) .cart-count{font-size:max(14px,.85em);opacity:.8}
/* BROKEN PHOTO (local.js sets data-kit-nophoto on a figure whose only image failed to load) */
html[data-kit-local] [data-kit-nophoto]{display:none!important}
/* HERO FILM FALLBACK (kits3 11-10, Design Master: the builder prepended a .film of 3 .film-slide figures to the hero and wrote no app.css, so 3 full-size photos stacked 2,400 px tall). Zero-specificity :where(); a page that styles its own film wins. The slide with .on shows (the page's own timer moves .on), the rest fade out. */
:where(html[data-l-fs=fullbleed], html[data-kit-local]) :where([data-sec=hero]:has(> .film)){position:relative;isolation:isolate}
:where(html[data-l-fs=fullbleed], html[data-kit-local]) :where([data-sec=hero] > .film){position:absolute;inset:0 auto 0 calc(50% - 50vw);width:100vw;z-index:-1;overflow:hidden;background:#111}
:where(html[data-l-fs=fullbleed], html[data-kit-local]) :where([data-sec=hero] > .film > figure){position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.2s ease}
:where(html[data-l-fs=fullbleed], html[data-kit-local]) :where([data-sec=hero] > .film > figure.on){opacity:1}
:where(html[data-l-fs=fullbleed], html[data-kit-local]) :where([data-sec=hero] > .film img){width:100%;height:100%;max-height:none;object-fit:cover}
:where(html[data-l-fs=fullbleed], html[data-kit-local]) :where([data-sec=hero] > .film)::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(0 0 0/.55),rgb(0 0 0/.35));z-index:1;pointer-events:none}
:where(html[data-l-fs=fullbleed], html[data-kit-local]) :where([data-sec=hero] > .film > button){position:absolute;right:16px;bottom:16px;z-index:2;width:44px;height:44px}
:where(html[data-l-fs=fullbleed], html[data-kit-local]) :where([data-sec=hero]:has(> .film) [data-photo-hero]){display:none}
/* PHONE BAR FALLBACK (kits3 11-10: the builder added a nav.phonebar (BOOK / CALL / MAP links) and no CSS, so it printed as bare text under the footer). Desktop: hidden. Phone: a fixed bottom bar. Zero-specificity :where(); a page that styles its own bar wins. */
@media(min-width:601px){:where(html[data-l-fs=fullbleed], html[data-kit-local]) :where(nav.phonebar, nav#phonebar){display:none}}
@media(max-width:600px){:where(html[data-l-fs=fullbleed], html[data-kit-local]) :where(nav.phonebar, nav#phonebar){position:fixed;inset:auto 0 0 0;z-index:50;display:flex;background:var(--bg, #fff);color:var(--ink, #111);border-top:1px solid color-mix(in srgb, currentColor 20%, transparent)}
:where(html[data-l-fs=fullbleed], html[data-kit-local]) :where(nav.phonebar > a, nav#phonebar > a){flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;color:inherit;font-weight:600;text-decoration:none}
:where(html[data-l-fs=fullbleed], html[data-kit-local]):has(nav.phonebar) :where(footer){padding-bottom:56px}}
/* NO SURFACE ON STRUCTURE (kits3 11-10, Design Master S159: bakery hero white text on a cream panel, every heading in an off-white box): design.css (design_mood) painted `section>div` with --surface, which hit the kit's own .hero-in / .sec-h / .sec-c wrappers. design_mood no longer emits that selector on kit pages; this keeps old / other design.css from doing it again. A card keeps its surface (.card, .panel, .tile). */
html[data-kit-local] .hero-in, html[data-kit-local] .sec-h, html[data-kit-local] .sec-c, html[data-l-fs=fullbleed] .hero-in, html[data-l-fs=fullbleed] .sec-h, html[data-l-fs=fullbleed] .sec-c{background-color:transparent}
/* PHONE FIXES (kits3 11-10, Design Master S159 on Z5O8): (1) the hours card in the hero (dl.kl-hg: dd is nowrap) grew wider than its card on a phone and clipped '9.30 am to 6 pm' / 'Closed'; the card's list may now shrink and its times wrap; (2) a row of .chip spans (areas covered) ran together: it is a wrapping flex row with a gap; (3) the nav capsule's brand shrank to one word's width and wrapped / clipped at <= 520 px: it takes the row. */
html[data-kit-local] .kl-hg, html[data-l-fs=fullbleed] .kl-hg{min-width:0;max-width:100%}
html[data-kit-local] [data-sec=hero] aside, html[data-l-fs=fullbleed] [data-sec=hero] aside{min-width:0;max-width:100%}
@media (max-width:600px){html[data-kit-local] .kl-hg dd, html[data-l-fs=fullbleed] .kl-hg dd, html[data-kit-local] .kl-hg dt, html[data-l-fs=fullbleed] .kl-hg dt{white-space:normal;overflow-wrap:anywhere}}
html[data-kit-local] :is(div, ul):has(> .chip + .chip), html[data-l-fs=fullbleed] :is(div, ul):has(> .chip + .chip){display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}
@media (max-width:520px){html[data-kit-local] [data-sec=nav] .brand, html[data-l-fs=fullbleed] [data-sec=nav] .brand{width:auto;max-width:100%;margin:0;justify-self:center;grid-column:1;justify-content:center;text-align:center;white-space:normal}}
/* LOCAL PAGE TIDY (see local.js): a long hero H1 reads in normal case; hidden carousel arrows stay hidden; a strip of 3+ picture links with a one-word label and no heading or text (Services / About / Contact tiles under the hero) is decoration, not content. */
html[data-kit-local] [data-sec=hero] h1[data-kit-long], html[data-l-fs=fullbleed] [data-sec=hero] h1[data-kit-long]{text-transform:none;letter-spacing:normal;font-size:clamp(1.7rem, 1.1rem + 2.6vw, 3rem);line-height:1.12;text-shadow:0 1px 14px rgb(0 0 0/.45)}
html[data-kit-local] [hidden][class*=nav], html[data-l-fs=fullbleed] [hidden][class*=nav]{display:none!important}
html[data-kit-local] [data-main] > section:not([data-sec=hero]):not(:has(h1, h2, h3, h4, p, ul, ol, form, table)):has(a :is(img, figure)):has(a:nth-of-type(3)), html[data-l-fs=fullbleed] [data-main] > section:not([data-sec=hero]):not(:has(h1, h2, h3, h4, p, ul, ol, form, table)):has(a :is(img, figure)):has(a:nth-of-type(3)){display:none}
/* ALWAYS-FILLED PHOTO SLOTS (see local.js): a photo still loading is a tinted 4:3 tile that fades in; a hidden photo lets its section reflow to one column. */
html[data-kit-local] figure[data-kit-wait], html[data-l-fs=fullbleed] figure[data-kit-wait]{background:color-mix(in srgb, currentColor 8%, transparent);aspect-ratio:4/3;min-height:120px;border-radius:var(--r-card, 12px);overflow:hidden}
html[data-kit-local] figure[data-kit-wait] img, html[data-l-fs=fullbleed] figure[data-kit-wait] img{opacity:0}
html[data-kit-local] figure img, html[data-l-fs=fullbleed] figure img{transition:opacity .35s ease}
html[data-kit-local] .sec-body:has(> [data-kit-nophoto]), html[data-l-fs=fullbleed] .sec-body:has(> [data-kit-nophoto]){display:block}
html[data-kit-local] .sec-body:has(> .sec-photo.ks-hide), html[data-l-fs=fullbleed] .sec-body:has(> .sec-photo.ks-hide){display:block}
/* KIT BLOCKS v1 styles (see local.js): kit tokens only, phone first. */
.kb-faq{display:grid;gap:0;max-width:var(--measure, 65ch)}.kb-faq details{border-top:1px solid var(--line, color-mix(in srgb, currentColor 16%, transparent));padding:14px 0}.kb-faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px;min-height:44px;align-items:center}.kb-faq summary::after{content:"+";font-size:1.3em;line-height:1}.kb-faq details[open] summary::after{content:"\2212"}.kb-faq summary::-webkit-details-marker{display:none}.kb-faq p{margin:8px 0 0;color:var(--ink-2, inherit)}
.kb-steps{counter-reset:kb;list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fit, minmax(min(100%, 220px), 1fr))}.kb-steps li{counter-increment:kb;display:grid;gap:6px;align-content:start}.kb-steps li::before{content:counter(kb, decimal-leading-zero);font:700 1.6rem var(--serif, Georgia, serif);color:var(--accent)}.kb-steps h3,.kb-steps p{margin:0}
.kb-cta{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding:clamp(20px, 4vw, 36px);border-radius:var(--r-card, 14px);background:var(--wash, color-mix(in srgb, var(--accent, #333) 10%, var(--surface, #fff)))}.kb-cta .lead{margin:0;font-size:var(--t-lg, 1.2rem);max-width:var(--measure, 65ch)}
.kb-gallery{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill, minmax(min(100%, 220px), 1fr))}.kb-gallery figure{margin:0}.kb-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r, 10px);display:block;background:var(--wash, color-mix(in srgb, currentColor 8%, transparent))}.kb-gallery figcaption{font-size:var(--t-sm, .875rem);color:var(--ink-2, inherit);margin-top:4px}
.kb-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit, minmax(min(100%, 240px), 1fr))}.kb-card{padding:18px;border:1px solid var(--line, color-mix(in srgb, currentColor 16%, transparent));border-radius:var(--r-card, 14px);background:var(--surface, transparent);margin:0}.kb-card h3,.kb-card p{margin:0}.kb-card .txt{margin-top:6px;color:var(--ink-2, inherit)}.kb-row{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.kb-quote blockquote{margin:0 0 10px;font-size:var(--t-md, 1rem)}.kb-quote figcaption{font-weight:600;font-size:var(--t-sm, .875rem)}
.kb-team{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit, minmax(min(100%, 160px), 1fr))}.kb-team li{display:grid;gap:4px;justify-items:start}.kb-av{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--wash, color-mix(in srgb, currentColor 10%, transparent));color:var(--accent);font-weight:700}.kb-av img{width:100%;height:100%;object-fit:cover}
.kb-findus{display:grid;gap:16px 40px;grid-template-columns:repeat(auto-fit, minmax(min(100%, 240px), 1fr))}.kb-findus address{display:grid;gap:2px;font-style:normal}.kb-hours{margin:0;display:grid;gap:6px}.kb-hours div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line, color-mix(in srgb, currentColor 14%, transparent));padding-bottom:6px}.kb-hours dt{color:var(--ink-2, inherit)}.kb-hours dd{margin:0;font-weight:600}
.kb-tiers{display:grid;gap:16px;grid-template-columns:repeat(auto-fit, minmax(min(100%, 230px), 1fr))}.kb-tier{display:grid;gap:8px;align-content:start;padding:20px;border:1px solid var(--line, color-mix(in srgb, currentColor 16%, transparent));border-radius:var(--r-card, 14px);background:var(--surface, transparent)}.kb-tier.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.kb-tier h3,.kb-tier p{margin:0}.kb-tier .badge{font-size:var(--t-xs, .75rem);font-weight:700;text-transform:uppercase;color:var(--accent)}.kb-price b{font-size:1.8rem}.kb-tier ul{margin:0;padding-left:1.1em;color:var(--ink-2, inherit)}

html[data-kit-local]:not([data-l-fs]) [data-sec=hero]:has([data-photo-hero] img[src]:not([src=""])){position:relative!important;isolation:isolate;min-height:max(70svh,520px);display:grid!important;align-items:center;color:#fff}
html[data-kit-local]:not([data-l-fs]) [data-sec=hero]:has([data-photo-hero] img[src]:not([src=""])) :is(.herogrid,.wrap):has(>[data-hero-text]){display:block!important;grid-template-columns:none!important}
html[data-kit-local]:not([data-l-fs]) [data-sec=hero]:has([data-photo-hero] img[src]:not([src=""])) [data-hero-text]{position:relative;z-index:1;max-width:min(680px,100%)}
html[data-kit-local]:not([data-l-fs]) [data-sec=hero] [data-photo-hero]:has(img[src]:not([src=""])){position:absolute!important;grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;inset:0 auto 0 calc(50% - 50vw)!important;width:100vw!important;height:100%!important;max-width:none!important;margin:0!important;z-index:-1!important;border-radius:0!important;border:0!important;box-shadow:none!important;padding:0!important;transform:none!important;-webkit-mask:none!important;mask:none!important;clip-path:none!important;overflow:hidden}
html[data-kit-local]:not([data-l-fs]) [data-sec=hero] [data-photo-hero]:has(img[src]:not([src=""])) img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;border-radius:0!important;-webkit-mask:none!important;mask:none!important;clip-path:none!important}
html[data-kit-local]:not([data-l-fs]) [data-sec=hero] [data-photo-hero]:has(img[src]:not([src=""]))::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgb(0 0 0/.74),rgb(0 0 0/.44) 55%,rgb(0 0 0/.2)),linear-gradient(0deg,rgb(0 0 0/.45),transparent 50%)}
html[data-kit-local]:not([data-l-fs]) [data-sec=hero]:has([data-photo-hero] img[src]:not([src=""])) [data-hero-text] > :is(h1,h2,p,.eyebrow,.lede,.kicker,.lead),html[data-kit-local]:not([data-l-fs]) [data-sec=hero]:has([data-photo-hero] img[src]:not([src=""])) [data-hero-text] > :is(h1,h2,p) *{color:#fff!important}
html[data-kit-local]:not([data-l-fs]) [data-sec=hero]:has([data-photo-hero] img[src]:not([src=""])) [data-hero-text] :is(.btn-secondary,.btn-ghost,.btn-outline){color:#fff!important;border-color:rgb(255 255 255/.75)!important;background:rgb(0 0 0/.22)!important}
@media (max-width:700px){html[data-kit-local]:not([data-l-fs]) [data-sec=hero]:has([data-photo-hero] img[src]:not([src=""])){min-height:max(60svh,460px)}html[data-kit-local]:not([data-l-fs]) [data-sec=hero] [data-photo-hero]:has(img[src]:not([src=""]))::after{background:linear-gradient(0deg,rgb(0 0 0/.82),rgb(0 0 0/.42) 70%,rgb(0 0 0/.3))}}
/* WEBSITE VARIANTS WITHOUT data-sec=hero (kits3 11-08, D131): a hero box = the parent of a visible [data-photo-hero] (or [data-hero-media]) figure (with a drawn photo) that also holds the h1 (clinic, therapist, spa, bar, brand, landscaping ...):
   ONLY that figure spans edge to edge behind the box; no drawn photo = no match = the variant's own hero */
html[data-kit-local]:not([data-l-fs]) :where(header,section,div):has(>figure:is([data-photo-hero],[data-hero-media]) img[src]:not([src=""])):has(h1){position:relative!important;isolation:isolate;min-height:max(70svh,520px);display:grid!important;grid-template-columns:minmax(0,680px)!important;grid-template-rows:none!important;align-content:center;color:#fff;background:none!important}
html[data-kit-local]:not([data-l-fs]) :where(header,section,div):has(>figure:is([data-photo-hero],[data-hero-media]) img[src]:not([src=""])):has(h1)>:not(figure:is([data-photo-hero],[data-hero-media])){position:relative;z-index:1;grid-area:auto!important;max-width:100%}
html[data-kit-local]:not([data-l-fs]) :where(header,section,div):has(>figure:is([data-photo-hero],[data-hero-media]) img[src]:not([src=""])):has(h1)>[data-hero-media]:not(figure){display:none!important}
html[data-kit-local]:not([data-l-fs]) :where(header,section,div):has(>figure:is([data-photo-hero],[data-hero-media]) img[src]:not([src=""])):has(h1)>figure:is([data-photo-hero],[data-hero-media]){position:absolute!important;inset:0 auto 0 calc(50% - 50vw)!important;grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;width:100vw!important;height:100%!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;z-index:-1!important;border-radius:0!important;border:0!important;box-shadow:none!important;padding:0!important;transform:none!important;translate:none!important;-webkit-mask:none!important;mask:none!important;clip-path:none!important;overflow:hidden;aspect-ratio:auto!important;display:block!important}
html[data-kit-local]:not([data-l-fs]) :where(header,section,div):has(>figure:is([data-photo-hero],[data-hero-media]) img[src]:not([src=""])):has(h1)>figure:is([data-photo-hero],[data-hero-media]) img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;border-radius:0!important;-webkit-mask:none!important;mask:none!important;clip-path:none!important;transform:none!important}
html[data-kit-local]:not([data-l-fs]) :where(header,section,div):has(>figure:is([data-photo-hero],[data-hero-media]) img[src]:not([src=""])):has(h1)>figure:is([data-photo-hero],[data-hero-media])::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgb(0 0 0/.74),rgb(0 0 0/.44) 55%,rgb(0 0 0/.2)),linear-gradient(0deg,rgb(0 0 0/.45),transparent 50%)}
html[data-kit-local]:not([data-l-fs]) :where(header,section,div):has(>figure:is([data-photo-hero],[data-hero-media]) img[src]:not([src=""])):has(h1)>figure:is([data-photo-hero],[data-hero-media]) figcaption{position:absolute!important;z-index:3;right:12px;bottom:8px;left:auto;margin:0}
html[data-kit-local]:not([data-l-fs]) :where(header,section,div):has(>figure:is([data-photo-hero],[data-hero-media]) img[src]:not([src=""])):has(h1)>:not(figure) :is(h1,h2,p,li,dt,dd,em,strong,small,span,.kicker,.lead):not(:is(a,button,.btn) *){color:#fff!important}
html[data-kit-local]:not([data-l-fs]) :where(header,section,div):has(>figure:is([data-photo-hero],[data-hero-media]) img[src]:not([src=""])):has(h1)>:not(figure) a:not(.btn-primary):not([class*=primary]){color:#fff!important;border-color:rgb(255 255 255/.75)!important;background:rgb(0 0 0/.28)!important;text-decoration-color:rgb(255 255 255/.8)}
@media (max-width:700px){html[data-kit-local]:not([data-l-fs]) :where(header,section,div):has(>figure:is([data-photo-hero],[data-hero-media]) img[src]:not([src=""])):has(h1){min-height:max(60svh,460px)}html[data-kit-local]:not([data-l-fs]) :where(header,section,div):has(>figure:is([data-photo-hero],[data-hero-media]) img[src]:not([src=""])):has(h1)>figure:is([data-photo-hero],[data-hero-media])::after{background:linear-gradient(0deg,rgb(0 0 0/.82),rgb(0 0 0/.42) 70%,rgb(0 0 0/.3))}}
/* a media WRAPPER (spa: div[data-hero-media] > figure[data-photo-hero], overflow hidden + rounded + animated) is the full-bleed layer; the figure fills it */
html[data-kit-local]:not([data-l-fs]) [data-sec=hero] [data-hero-media]:has(>[data-photo-hero] img[src]:not([src=""])){position:absolute!important;inset:0 auto 0 calc(50% - 50vw)!important;width:100vw!important;height:100%!important;max-width:none!important;min-height:0!important;margin:0!important;z-index:-1!important;border-radius:0!important;overflow:hidden!important;display:block!important;order:0!important;animation:none!important;transform:none!important;background:none!important}
html[data-kit-local]:not([data-l-fs]) [data-sec=hero] [data-hero-media]:has(>[data-photo-hero] img[src]:not([src=""]))>[data-photo-hero]{inset:0!important;width:100%!important;height:100%!important}
/* sb_small_business: the hero section itself carries data-photo-hero and draws its photo as a CSS background on .hero-ph (var --hero-img); data-nophoto = no photo = the variant's own hero */
html[data-kit-local]:not([data-l-fs]) section.hero[data-sec=hero][data-photo-hero]:not([data-nophoto]){position:relative!important;isolation:isolate;min-height:max(70svh,520px);display:grid!important;align-items:center;color:#fff}
html[data-kit-local]:not([data-l-fs]) section.hero[data-sec=hero][data-photo-hero]:not([data-nophoto]) .hero-in{grid-template-columns:minmax(0,680px)!important;justify-content:start;width:100%}
html[data-kit-local]:not([data-l-fs]) section.hero[data-sec=hero][data-photo-hero]:not([data-nophoto]) .hero-ph{display:block!important;position:absolute!important;inset:0 auto 0 calc(50% - 50vw)!important;width:100vw!important;height:100%!important;min-height:0!important;max-width:none!important;aspect-ratio:auto!important;order:0!important;margin:0!important;border-radius:0!important;z-index:-1!important;background-size:cover!important;background-position:center!important}
html[data-kit-local]:not([data-l-fs]) section.hero[data-sec=hero][data-photo-hero]:not([data-nophoto]) .hero-ph::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(0 0 0/.74),rgb(0 0 0/.44) 55%,rgb(0 0 0/.2)),linear-gradient(0deg,rgb(0 0 0/.45),transparent 50%)}
html[data-kit-local]:not([data-l-fs]) section.hero[data-sec=hero][data-photo-hero]:not([data-nophoto]) :is(h1,.lead,p,.htel){color:#fff!important}
@media (max-width:700px){html[data-kit-local]:not([data-l-fs]) section.hero[data-sec=hero][data-photo-hero]:not([data-nophoto]){min-height:max(60svh,460px)}html[data-kit-local]:not([data-l-fs]) section.hero[data-sec=hero][data-photo-hero]:not([data-nophoto]) .hero-ph::after{background:linear-gradient(0deg,rgb(0 0 0/.82),rgb(0 0 0/.42) 70%,rgb(0 0 0/.3))}}