/* Sample popup and full TOP design viewer. Shared cards stay in sections.css. */
.bright-a .sample-design-image{display:block;width:100%;height:auto}
.bright-a .sample-design-canvas{overflow:hidden;border:1px solid #b4dcd5;background:#fff;border-radius:8px;container-type:inline-size}
.bright-a .sample-design-canvas .sample-full{aspect-ratio:auto;overflow:visible}
.bright-a .sample-design-canvas .sample-header{height:80px;padding:0 5%;border-bottom:1px solid var(--sample-accent)}
.bright-a .sample-design-canvas .sample-header>b{font-size:23px;letter-spacing:.05em}
.bright-a .sample-design-canvas .sample-header>span{font-size:11px}
.bright-a .sample-design-canvas .sample-hero{height:480px;padding:0}
.bright-a .sample-design-canvas .sample-title{padding:48px 6%;right:0;justify-content:center}
.bright-a .sample-design-canvas .sample-title small{font-size:11px}
.bright-a .sample-design-canvas .sample-title strong{font-family:var(--sample-font);font-size:42px;line-height:1.65;margin-top:16px;max-width:520px}
.bright-a .sample-design-canvas .sample-mini-cta{margin-top:28px;padding:12px 24px;font-size:13px}
.bright-a .sample-design-canvas .sample-layout-split .sample-title{right:45%}
.bright-a .sample-design-canvas .sample-layout-editorial .sample-title{right:42%}
.bright-a .sample-design-canvas .sample-layout-editorial .sample-hero>img{width:46%;height:90%;margin-top:5%;margin-right:4%}
.bright-a .sample-design-canvas .sample-layout-graphic .sample-title{right:25%}
.bright-a .sample-design-canvas .sample-content{padding:72px 8%;background:var(--sample-paper);text-align:center}
.bright-a .sample-design-canvas .sample-content>span,.bright-a .sample-section-label{font:500 11px/1.8 Arial,sans-serif;letter-spacing:.16em}
.bright-a .sample-design-canvas .sample-content>b{font-family:var(--sample-font);font-size:30px;margin-top:18px}
.bright-a .sample-design-canvas .sample-content>p{font-size:16px;line-height:2;margin-top:18px}
.bright-a .sample-design-canvas .sample-content .sample-about-text{max-width:640px;margin:24px auto 0}
.bright-a .sample-full-services,.bright-a .sample-full-news{padding:64px 8%;background:#fff;text-align:center}
.bright-a .sample-full h2{margin:14px 0 28px;color:var(--sample-ink);font-family:var(--sample-font);font-size:28px;font-weight:600;line-height:1.6}
.bright-a .sample-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bright-a .sample-service-grid article{padding:32px 24px;background:var(--sample-paper);border-top:3px solid var(--sample-accent);text-align:left}
.bright-a .sample-service-grid h3{font-family:var(--sample-font);font-size:20px;font-weight:600;line-height:1.6}
.bright-a .sample-service-grid p{font-size:14px;line-height:1.9;margin-top:16px}
.bright-a .sample-full-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:64px 8%;background:var(--sample-accent)}
.bright-a .sample-full-story p{font-size:15px;line-height:2}
.bright-a .sample-full-story>img{width:100%;height:280px;object-fit:cover;border-radius:3px}
.bright-a .sample-full-news>p{display:flex;gap:24px;padding:20px 0;border-top:1px solid var(--sample-accent);font-size:14px;text-align:left;line-height:1.8}
.bright-a .sample-full-news>p>span{flex:none;font-size:12px}
.bright-a .sample-full-contact{padding:64px 8%;background:var(--sample-ink);color:var(--sample-paper);text-align:center}
.bright-a .sample-full-contact h2{color:inherit}
.bright-a .sample-full-contact p{font-size:15px;line-height:1.8}
.bright-a .sample-demo-button{display:inline-block;margin-top:28px;padding:16px 40px;border:1px solid currentColor;font-size:14px}
.bright-a .sample-full-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 8%;font-size:18px;background:var(--sample-paper)}
.bright-a .sample-full-footer small{font-size:11px;line-height:1.8}
.bright-a .sample-detail-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:40px}
@media(max-width:940px){
.bright-a .sample-design-canvas .sample-title strong{font-size:32px}
.bright-a .sample-service-grid{gap:16px}
.bright-a .sample-service-grid article{padding:24px 16px}
.bright-a .sample-full-story{gap:24px}
}
@media(max-width:640px){
.bright-a .sample-design-canvas .sample-header{height:64px}
.bright-a .sample-design-canvas .sample-header>b{font-size:17px}
.bright-a .sample-design-canvas .sample-header>span{display:none}
.bright-a .sample-design-canvas .sample-header>i{display:block;font-size:20px}
.bright-a .sample-design-canvas .sample-hero{height:420px}
.bright-a .sample-design-canvas .sample-title strong{font-size:27px;max-width:90%}
.bright-a .sample-design-canvas .sample-layout-split .sample-title,.bright-a .sample-design-canvas .sample-layout-editorial .sample-title{right:0;justify-content:flex-start;padding-top:32px}
.bright-a .sample-design-canvas .sample-layout-split .sample-hero>img,.bright-a .sample-design-canvas .sample-layout-editorial .sample-hero>img{position:absolute;bottom:0;width:100%;height:46%;margin:0;border-radius:0}
.bright-a .sample-design-canvas .sample-layout-graphic .sample-title{right:0}
.bright-a .sample-design-canvas .sample-content{padding:48px 7%}
.bright-a .sample-design-canvas .sample-content>b{font-size:23px}
.bright-a .sample-design-canvas .sample-content>p{font-size:14px}
.bright-a .sample-full-services,.bright-a .sample-full-news,.bright-a .sample-full-contact{padding:48px 7%}
.bright-a .sample-full h2{font-size:23px}
.bright-a .sample-service-grid,.bright-a .sample-full-story{grid-template-columns:1fr}
.bright-a .sample-full-story{padding:48px 7%}
.bright-a .sample-full-story>img{height:220px}
.bright-a .sample-full-news>p{gap:12px;font-size:13px}
.bright-a .sample-full-footer{display:block;padding:28px 7%}
.bright-a .sample-full-footer small{display:block;margin-top:12px}
.bright-a .sample-detail-actions{flex-direction:column;gap:16px}
.bright-a .sample-detail-actions .page-button{justify-content:center;font-size:16px}
}

/* Native dialog keeps keyboard focus inside the design viewer. */
body.sample-modal-open{overflow:hidden}
.bright-a .sample-modal{width:min(1200px,calc(100% - 40px));max-width:none;max-height:90dvh;margin:auto;padding:0;border:0;border-radius:10px;background:#e6f6f6;color:#000000;overflow:hidden}
.bright-a .sample-modal::backdrop{background:rgba(10,35,34,.65)}
.bright-a .sample-modal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:12px 24px;background:#fff;border-bottom:1px solid #b4dcd5}
.bright-a .sample-modal-toolbar h2{margin:0;font-size:20px;font-weight:700;line-height:1.6}
.bright-a .sample-modal-close{display:flex;align-items:center;gap:12px;padding:6px 8px;border:0;background:none;color:#006b67;font-size:14px;line-height:1.5;cursor:pointer}
.bright-a .sample-modal-close span{font:30px/1 Arial,sans-serif}
.bright-a .sample-modal-scroll{max-height:calc(90dvh - 72px);padding:20px 32px 32px;overflow-y:auto;overscroll-behavior:contain}
.bright-a .sample-modal-note{text-align:center;margin:0 0 20px;color:#808C7F;font-size:12px;line-height:1.8}
@media(max-width:640px){
.bright-a .sample-modal{width:calc(100% - 20px);max-height:94dvh;border-radius:8px}
.bright-a .sample-modal-toolbar{padding:10px 14px;gap:12px;min-height:60px}
.bright-a .sample-modal-toolbar h2{font-size:16px}
.bright-a .sample-modal-close{font-size:12px;gap:6px;flex:none}
.bright-a .sample-modal-scroll{max-height:calc(94dvh - 64px);padding:16px 12px 24px}
.bright-a .sample-modal-note{font-size:10px}
}
.bright-a .work-copy>.work-site-link{display:inline-block;color:#006b67;font-size:14px;font-weight:600;line-height:1.7;text-decoration:underline;text-underline-offset:3px}