.hero.page-configured{overflow:hidden;isolation:isolate;position:relative}
.hero.page-configured .page-banner-picture{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero.page-configured .page-banner-picture img{width:100%;height:100%;object-fit:cover;object-position:var(--page-desktop-focus,65% 50%)}
.hero.page-configured.has-page-banner{background:transparent;color:#101820}
.hero.page-configured.has-page-banner::before{display:none;content:none}
.hero.page-configured.has-page-banner .page-banner-picture img{filter:none;opacity:1;mix-blend-mode:normal}
.hero.page-configured.has-page-banner h1,.hero.page-configured.has-page-banner p,.hero.page-configured.has-page-banner .hero-checks{color:#101820;text-shadow:none}
.hero.page-configured h1{overflow-wrap:anywhere;white-space:pre-line}
.hero.page-configured p{overflow-wrap:anywhere}
/* Give the original artwork its own area: no tint, cropping or text overlap. */
.hero.page-configured.has-page-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px 36px;background:#fff;padding:40px max(5vw,24px) 64px;align-items:center}
.hero.page-configured.has-page-banner .page-banner-picture{position:relative;inset:auto;z-index:auto;grid-column:2;grid-row:1 / span 2;display:block;min-width:0}
.hero.page-configured.has-page-banner .page-banner-picture img{display:block;width:100%;height:auto;object-fit:contain}
.hero.page-configured.has-page-banner .hero-copy{grid-column:1;grid-row:1;min-width:0}
.hero.page-configured.has-page-banner>p{grid-column:1;grid-row:2;max-width:100%;margin:0}
.hero.page-configured.has-page-banner h1{font-size:clamp(2rem,4vw,4rem);line-height:1.05}
.hero.page-configured.has-page-banner small{color:var(--brand)}
.hero.page-configured.has-page-banner .hero-points span{color:var(--brand)}
.hero.page-configured.has-page-banner .hero-points span:before{color:var(--brand)}
@media(max-width:800px){
 .hero.page-configured.has-page-banner{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 20px 48px}
 .hero.page-configured.has-page-banner .page-banner-picture{grid-column:1;grid-row:2}
 .hero.page-configured.has-page-banner>p{grid-row:3}
 .hero.page-configured.has-page-banner h1{font-size:clamp(2rem,7vw,3rem)}
}
.page-config-editor{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}
.page-config-editor h3{margin:0 0 12px}.page-config-editor p{line-height:1.5}
.page-config-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.page-config-fields .full{grid-column:1/-1}
#logoSettingsView .page-config-fields input,#logoSettingsView .page-config-fields textarea{width:100%;max-width:none;box-sizing:border-box;font:inherit;padding:11px;border:1px solid var(--line);border-radius:9px;background:white;margin-top:7px}
.page-config-fields textarea{min-height:90px;resize:vertical}
.page-config-image{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:14px;margin-top:16px;min-width:0}
.page-config-image img{width:100%;height:130px;object-fit:contain;margin-top:10px}
.page-config-image input[type=range]{padding:0!important}
.page-preview-shell{background:var(--brand-tint);padding:10px;border:1px solid var(--line);border-radius:12px;margin-top:14px;overflow:auto}
.page-preview-shell iframe{border:0;background:white;display:block;width:100%;height:450px;margin:auto}
.page-preview-shell[data-device=mobile] iframe{width:375px;max-width:100%;height:540px}
.page-preview-buttons{display:flex;gap:8px;margin-top:16px}
.page-preview-buttons button[aria-pressed=true]{background:var(--brand);color:white}
#pageIdentityStatus[data-error=true]{color:#ad2929}
@media(max-width:800px){.hero.page-configured .page-banner-picture img{object-position:var(--page-mobile-focus,50% 50%)}.page-config-fields{grid-template-columns:minmax(0,1fr)}}