/* Shared DigiThat presentation frame, 3 October 2026. Business styles stay scoped below. */
body[data-dt-viewer]{padding-bottom:var(--dt-bottom-height,69px)!important}
html:has(body[data-dt-viewer]){scroll-padding-top:var(--dt-top-height,65px);scroll-padding-bottom:var(--dt-bottom-height,69px)}
[data-viewer-top]{position:sticky!important;top:0!important;z-index:110!important;isolation:isolate;width:100%;margin:0!important;transform:none!important}
[data-viewer-bottom]{position:fixed!important;inset:auto 0 0!important;z-index:115!important;width:100%;margin:0!important;transform:none!important}
body[data-dt-viewer] [data-dt-frame-bar]{box-sizing:border-box;position:static!important;inset:auto!important;display:flex!important;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;width:100%;height:auto!important;min-height:46px;padding:4px 24px!important;margin:0!important;background:#363636!important;color:#f5f5f5!important;border:0!important;box-shadow:none!important;font:12px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:normal;text-transform:none}
[data-dt-frame-bar] *{box-sizing:border-box}
[data-dt-frame-bar] :is(a,button){display:inline-flex!important;align-items:center;justify-content:center;gap:0;min-height:34px;min-width:0;margin:0;padding:0;color:#f5f5f5!important;background:transparent;border:0;border-radius:0;font:inherit;letter-spacing:normal;text-transform:none;text-decoration:none;cursor:pointer;white-space:normal}
[data-dt-frame-bar] .dt-frame-back{font-weight:700;flex-shrink:0}
[data-dt-frame-bar] .dt-frame-identity{display:flex;align-items:center;gap:14px;margin:0;min-width:0}
[data-dt-frame-bar] .dt-frame-logo{flex-shrink:0}
[data-dt-frame-bar] .dt-frame-logo img{display:block;width:82px!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:contain}
[data-dt-frame-bar=bottom] .dt-frame-logo img{width:76px!important}
[data-dt-frame-bar] .dt-frame-identity>span{display:grid;gap:2px;padding-left:14px;border-left:1px solid #666}
[data-dt-frame-bar] b{font-size:12px;font-weight:700;line-height:1.4}
[data-dt-frame-bar] small{display:block;font-size:11px;color:#d5d5d5;line-height:1.4}
[data-dt-frame-bar] .dt-frame-actions{display:flex;align-items:center;gap:14px}
[data-dt-frame-bar] .dt-frame-cta{padding:6px 12px!important;border-radius:3px;background:#d16f43!important;color:#222!important;font-weight:700}
[data-dt-frame-bar] :is(a,button):hover{text-decoration:underline;text-underline-offset:4px}
[data-dt-frame-bar] .dt-frame-cta:hover{background:#be6037!important;text-decoration:none}
[data-dt-frame-bar] :focus-visible,.dt-frame-notice :focus-visible{outline:3px solid #83b7b5;outline-offset:3px}
body[data-dt-viewer] .dt-frame-notice{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;gap:12px;position:static!important;inset:auto!important;min-height:19px;height:auto!important;margin:0!important;padding:2px 12px!important;background:#e3e3e3!important;color:#353535!important;border:0;border-block:1px solid #ccc;font:700 10px/14px Arial,Helvetica,sans-serif!important;letter-spacing:.16em;text-transform:uppercase;text-align:center}
.dt-frame-notice [data-viewer-show]{display:none!important;min-height:32px;padding:3px 9px;border:1px solid #999;border-radius:0;background:transparent;color:#353535;font:11px/1.4 Arial,sans-serif;letter-spacing:normal;text-transform:none;cursor:pointer}
html[data-bare=true] body[data-dt-viewer] [data-dt-frame-bar]{display:none!important}
html[data-bare=true] .dt-frame-notice [data-viewer-show]{display:inline-flex!important;align-items:center}
body[data-dt-viewer] .example-return-bar{display:none!important}
body[data-dt-viewer] .dt-team-access{margin:20px 0 0;font:12px/1.5 Arial,sans-serif}
body[data-dt-viewer] .dt-team-access a{display:inline-flex;align-items:center;min-height:44px;color:inherit}
@media(max-width:1100px){[data-dt-frame-bar=bottom] .dt-frame-identity>span{display:none}}
@media(max-width:900px){[data-dt-frame-bar=top] .dt-frame-identity>span{display:none}}
@media(max-width:650px){body[data-dt-viewer] [data-dt-frame-bar]{padding:3px 12px!important;gap:8px;min-height:50px}[data-dt-frame-bar] :is(a,button){min-height:44px}[data-dt-frame-bar] .dt-frame-actions{display:none}[data-dt-frame-bar=top] .dt-frame-identity{margin-left:auto}[data-dt-frame-bar=bottom] .dt-frame-identity,[data-dt-frame-bar=bottom] .dt-frame-signin{display:none}[data-dt-frame-bar=bottom] .dt-frame-cta{padding:4px 8px!important}body[data-dt-viewer] .dt-frame-notice{font-size:9px!important;letter-spacing:.07em;gap:7px}[data-viewer-bottom]{padding-bottom:env(safe-area-inset-bottom,0px);background:#363636}}
@media(pointer:coarse){[data-dt-frame-bar] :is(a,button){min-height:44px}}
@media(max-width:650px){[data-dt-frame-bar=bottom] .dt-frame-signin{display:none!important}}

/* Both frame bars disappear in bare mode; the restore control is in document flow. */
html[data-bare=true] body[data-dt-viewer] :is([data-viewer-top],[data-viewer-bottom]){display:none!important}
body[data-dt-viewer] .dt-frame-restore{display:none!important;position:static!important;margin:0!important;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px) + var(--bookbar-h,0px))!important;text-align:center;background:transparent;color:inherit;font:12px/1.4 Arial,Helvetica,sans-serif}
html[data-bare=true] body[data-dt-viewer] .dt-frame-restore{display:block!important}
body[data-dt-viewer] .dt-frame-restore [data-viewer-show]{display:inline-flex!important;align-items:center;min-height:44px;padding:0 8px;margin:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dt-frame-restore :focus-visible{outline:3px solid #83b7b5;outline-offset:3px}
[data-dt-frame-bar=bottom] [data-viewer-hide]{text-decoration:underline;text-underline-offset:3px;flex-shrink:0}
@media(max-width:650px){[data-dt-frame-bar=bottom] .dt-frame-cta{display:none!important}}

body.dt-concept-ready .gf-example,body.dt-concept-ready .cf-example,body.dt-concept-ready .sw-example,body.dt-concept-ready .mm-example-area,body.dt-concept-ready .dt-fictional-area,body.dt-concept-ready .mm-example-label,body.dt-concept-ready .dt-fictional-label,body.dt-concept-ready .dt-replaced-notice{display:none!important}
@media(max-width:1050px){body[data-dt-viewer] [data-dt-frame-bar]{flex-wrap:wrap!important;column-gap:10px;row-gap:2px}[data-dt-frame-bar] .dt-frame-actions{margin-left:auto}}

/* The same supplied artwork and 80% opacity are used for both comparison states. */
.dt-concept-watermark{display:none!important}
body .dt-page-splash{position:fixed;z-index:106;top:50%;left:50%;width:min(90vw,1100px);height:auto;margin:0;padding:0;border:0;background:transparent;box-shadow:none;transform:translate(-50%,-50%) rotate(-45deg);opacity:0;visibility:hidden;pointer-events:none!important;transition:opacity 2s ease,visibility 0s linear 2s;isolation:isolate}
body .dt-page-splash.is-visible{opacity:.8;visibility:visible;transition:none}
body .dt-page-splash img{display:block;width:100%;height:auto;max-height:none;max-width:none;margin:0;padding:0;border:0;box-shadow:none;filter:none}
body .dt-splash-toggle{flex-shrink:0;padding:5px 9px;min-height:34px;border:1px solid #888;font:11px/1.2 Arial,sans-serif;text-decoration:none!important;box-shadow:none}
body.dt-splash-ready .before-photo .before-makeover-badge,body.dt-splash-ready .before-status-sticky{display:none!important}
body.before-site .before-photo .before-makeover-badge{opacity:.8}
body .dt-page-splash.is-still{transition:none}
@media(max-width:750px){body .dt-splash-toggle{display:none!important}}
@media(max-width:650px){body .dt-page-splash{width:125vw}}
@media(prefers-reduced-motion:reduce){body .dt-page-splash{transition:none}}

/* Retired example stamps have no layout footprint on home or internal pages. */
body:is([data-dt-viewer],.before-site) :is(.gf-example,.cf-example,.sw-example,.mm-example-area,.dt-fictional-area,.mm-example-label,.dt-fictional-label,.digithat-fictional-badge){display:none!important}
body[data-dt-viewer] .dt-frame-notice{display:none!important}

/* A few imported makeovers have their own older full-page notice controller.
   Retain its DOM references so menus/gallery code in the same script keeps working,
   but let the shared homepage disclosure be the sole visible notice. */
body[data-dt-splash-page] :is(.concept-overlay,[data-concept-toggle]){display:none!important;visibility:hidden!important;pointer-events:none!important}
body[data-dt-splash-page="inner"] :is(.dt-page-splash,.dt-splash-toggle){display:none!important;visibility:hidden!important;pointer-events:none!important}