/* CMS behavior only. Page geometry, colors, type and breakpoints stay in the root Demo stylesheets. */
[hidden]{display:none!important}
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;transform:translateY(-180%);padding:9px 13px;border-radius:8px;background:#fff;color:#10273c;box-shadow:0 7px 24px #062d4830}
.skip-link:focus{transform:translateY(0)}
.demo-home .brand>[data-brand-prefix],.demo-workflow .brand>[data-brand-prefix]{color:#10273c}
.demo-models .brand>[data-brand-prefix]{color:#082c44}
.brand>[data-brand-accent]{color:var(--blue,var(--b,#0d91d8))}
body.modal-open{overflow:hidden}
.modal{overflow:auto}
.modal .dialog{margin:auto}
.status,.empty-state,.error-state{grid-column:1/-1;text-align:center;color:var(--muted,var(--m,#627689));padding:40px 20px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-qr{display:flex;align-items:center;gap:12px;margin:14px 0;padding:10px;background:#f1f9fd;border-radius:10px}
.contact-qr img{width:72px;height:72px;flex:none;object-fit:contain;border-radius:6px}
.contact-qr>span{font-size:13px;color:#456077}
.contact-qr b{display:block;color:#10273c;margin-bottom:5px}
.contact-qr>span>span{display:block}
.form-error{min-height:20px;margin:4px 0 8px;color:#b42318;font-size:13px}
.success-state{text-align:center;padding:34px 0 16px}
.success-state p{color:#627689;line-height:1.7}
.toast{position:fixed;left:50%;bottom:24px;z-index:100;max-width:min(420px,calc(100% - 32px));transform:translate(-50%,18px);border-radius:12px;background:#10273c;color:#fff;padding:12px 16px;box-shadow:0 12px 38px #0003;opacity:0;pointer-events:none;transition:.2s}
.toast.show{transform:translate(-50%,0);opacity:1}
.demo-home #homeTitle{white-space:pre-line}
.demo-home .hero{background:linear-gradient(90deg,rgba(247,252,255,.94) 0%,rgba(234,247,255,.72) 48%,rgba(234,247,255,.12) 100%),var(--hero-bg-one,url('/uploads/seed/whaleshot-hero-scene.jpg')) center/cover no-repeat}
.demo-home .hero:after{background:linear-gradient(90deg,rgba(247,252,255,.94) 0%,rgba(234,247,255,.72) 48%,rgba(234,247,255,.12) 100%),var(--hero-bg-two,url('/uploads/seed/whaleshot-hero-family.jpg')) center/cover no-repeat}
.demo-home .model{outline:0}
.demo-home .model:focus-visible{box-shadow:0 0 0 3px #0d91d833,0 15px 30px #083c5d13}
.demo-home .model-card-badge img{object-fit:cover}
.demo-home .model-card-info,.demo-models .profile-info{min-width:0}
.demo-home .model-card-cases,.demo-models .samples{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scroll-behavior:smooth}
.demo-home .model-card-cases::-webkit-scrollbar,.demo-models .samples::-webkit-scrollbar{display:none}
.demo-home .model-card-cases{gap:12px;margin:0}
.demo-home .model-card-cases .model-card-case{width:auto;min-width:0;flex:0 0 calc((100% - 12px)/2);scroll-snap-align:start;scroll-snap-stop:always}
.demo-models .samples{gap:9px;margin:21px 0 0}
.demo-models .samples .sample{min-width:0;flex:0 0 calc((100% - 9px)/2);scroll-snap-align:start;scroll-snap-stop:always}
.demo-home .model-card-cases:focus-visible,.demo-models .samples:focus-visible{outline:3px solid #0d91d833;outline-offset:4px;border-radius:14px}
.case-pagination{min-height:7px;display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0}
.case-pagination button{position:relative;width:7px;height:7px;min-width:0;border:0;border-radius:99px;background:#c8e3f0;padding:0;transition:width .2s,background-color .2s;cursor:pointer}
.case-pagination button::after{content:"";position:absolute;inset:-11px}
.case-pagination button.active{width:22px;background:var(--blue,var(--b,#0d91d8))}
.case-pagination button:focus-visible{outline:2px solid var(--blue,var(--b,#0d91d8));outline-offset:4px}
.demo-home .case-pagination{margin-bottom:-10px}
.demo-models .case-pagination{margin-bottom:14px}
.demo-home .no-video{padding:14px;border-radius:10px;background:#f4f8fa;color:#627689;font-size:13px}
.demo-home #homeVideoPlayer{display:block}
.demo-home .testimonial .avatar.custom-avatar{background-position:center!important;background-size:cover!important}
.demo-models .card{outline:0}
.demo-models .card:focus-visible{box-shadow:0 0 0 3px #078bd133,var(--shadow)}
.demo-models .creator-badge[hidden]{display:none!important}
.demo-models .creator-badge img:not([src]){display:none}
.demo-models .profile-info>p{margin-top:10px}
.demo-models .sample b{line-height:1.35}
.demo-models .sample small{display:block}
.demo-models #videoPlayer{user-select:none;-webkit-user-drag:none}
.demo-workflow .status{padding:24px}
@media(max-width:760px){
  .demo-home .model-card-cases .model-card-case{flex-basis:100%}
}
@media(max-width:500px){
  .contact-qr{align-items:flex-start}
  .demo-models .samples .sample{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){
  .demo-home .model-card-cases,.demo-models .samples{scroll-behavior:auto}
  .case-pagination button{transition:none}
}