.bg-application-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:28px 0 38px}
.bg-application-intro>p{font-size:17px;line-height:1.65;color:var(--muted);max-width:650px}
.bg-application-intro>span{font-size:11px;line-height:1.7;color:var(--muted);text-align:right;flex:none}
.bg-application-hint{display:block}
.bg-physical-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 24px}
.bg-physical-card{margin:0;min-width:0}
.bg-mockup-image{display:block;position:relative;overflow:hidden;background:var(--sage)}
.bg-mockup-image>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transition:transform .45s ease}
.bg-mockup-image:hover>img{transform:scale(1.015)}
.bg-mockup-enlarge{position:absolute;bottom:18px;right:18px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:23px;line-height:1;border:1px solid #0a294b1a;box-shadow:0 2px 8px #0a294b12;transition:background .2s,color .2s}
.bg-mockup-image:hover .bg-mockup-enlarge{background:var(--ink);color:var(--paper)}
.bg-physical-card figcaption{padding-top:22px}
.bg-mockup-heading>.bg-kicker{font-size:10px;color:#66716d;margin-bottom:12px}
.brand-guide .bg-mockup-heading h3{font-size:25px;line-height:1.2;letter-spacing:-.5px}
.bg-physical-card figcaption>p{font-size:14px;line-height:1.65;color:var(--muted);max-width:480px;margin-top:12px}
.bg-mockup-material{display:block;margin-top:17px;padding-top:14px;border-top:1px solid var(--line);color:#66716d;font-size:10px;letter-spacing:.15px}
.bg-application-note{margin-top:30px;font-size:12px;color:var(--muted);line-height:1.6;max-width:850px}
.bg-digital-intro{display:flex;gap:35px;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:40px;margin-top:55px}
.bg-digital-intro .bg-kicker{margin-bottom:16px}.brand-guide .bg-digital-intro h3{font-size:30px;line-height:1.15;letter-spacing:-.6px}
.bg-digital-intro>p{max-width:400px;font-size:14px;line-height:1.65;color:var(--muted)}
.bg-extended-gallery{margin-top:32px}
.bg-physical-card{scroll-margin-top:175px}
.bg-digital-applications{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.bg-digital-applications>.bg-social,.bg-digital-applications>.bg-document{padding:36px 13% 58px;min-height:0;grid-column:auto}
.bg-digital-applications .bg-document-sheet{width:100%;max-width:320px;margin:auto}
.bg-digital-applications .bg-social-art{width:100%;max-width:320px;margin:auto}
.bg-digital-applications .bg-document-sheet>strong{font-size:36px}
.bg-digital-applications .bg-social-art strong{font-size:45px}
.bg-mockup-dialog{position:fixed;inset:0;padding:0;border:0;background:var(--paper);color:var(--ink);width:min(1120px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 15px 80px #0004;overscroll-behavior:contain}
.bg-mockup-dialog::backdrop{background:#0b1d24c9;backdrop-filter:blur(5px)}
.bg-mockup-dialog:not([open]){display:none}
.brand-page:has(.bg-mockup-dialog[open]){overflow:hidden}
.bg-mockup-dialog-inner>header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 28px;border-bottom:1px solid var(--line)}
.bg-mockup-dialog-inner>header .bg-kicker{font-size:10px;margin-bottom:8px}
.brand-guide .bg-mockup-dialog h2{font-size:24px;line-height:1.15;letter-spacing:-.5px}
.bg-mockup-close{flex:none;width:44px;height:44px;display:grid;place-items:center;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:50%;font-size:28px;line-height:1}
.bg-mockup-close:hover{background:var(--button-surface);color:var(--button-text)}
.bg-mockup-large{display:block;width:100%;height:auto;max-height:calc(100dvh - 275px);min-height:220px;object-fit:contain;background:#e8e8df}
.bg-mockup-dialog-inner>footer{display:flex;gap:25px;justify-content:space-between;align-items:center;padding:20px 28px}
.bg-mockup-dialog-inner>footer p{font-size:13px;color:var(--muted);line-height:1.5;max-width:750px}
.bg-mockup-dialog .bg-action{font-size:12px;padding-bottom:5px;margin-top:6px}
.bg-mockup-paging{display:flex;gap:10px;flex:none}
.bg-mockup-paging>button{border:1px solid var(--line);background:var(--paper);color:var(--ink);min-width:64px;min-height:44px;padding:8px 12px;font:500 12px var(--sans);border-radius:8px}
.bg-mockup-paging>button:hover{background:var(--button-surface);color:var(--button-text)}
@media(max-width:809.98px){.bg-application-intro{gap:25px}.bg-physical-gallery{gap:35px 20px}.brand-guide .bg-mockup-heading h3{font-size:22px}.bg-physical-card figcaption>p{font-size:13px}.bg-digital-applications>.bg-social,.bg-digital-applications>.bg-document{padding:28px 24px 55px}.bg-digital-applications .bg-social-art strong{font-size:36px}.bg-digital-applications .bg-document-sheet>strong{font-size:30px}}
@media(max-width:600px){.bg-application-intro{align-items:flex-start;flex-direction:column;gap:14px;margin:22px 0 28px}.bg-application-intro>p{font-size:15px}.bg-application-intro>span{text-align:left;font-size:10px}.bg-application-hint{display:inline}.bg-application-hint:before{content:' · '}.bg-physical-gallery{grid-template-columns:1fr;gap:32px}.bg-physical-card figcaption{padding-top:17px}.brand-guide .bg-mockup-heading h3{font-size:22px}.bg-mockup-heading>.bg-kicker{margin-bottom:10px}.bg-physical-card figcaption>p{font-size:13px}.bg-mockup-material{margin-top:14px;padding-top:12px;font-size:10px;line-height:1.6}.bg-mockup-enlarge{width:36px;height:36px;bottom:12px;right:12px}.bg-application-note{font-size:11px;margin-top:25px}.bg-digital-intro{display:block;padding-top:30px;margin-top:35px}.bg-digital-intro>p{margin-top:16px;font-size:13px}.brand-guide .bg-digital-intro h3{font-size:27px}.bg-digital-applications{grid-template-columns:1fr;gap:16px}.bg-digital-applications>.bg-social,.bg-digital-applications>.bg-document{padding:30px 40px 55px}.bg-digital-applications .bg-document-sheet{max-width:250px}.bg-digital-applications .bg-social-art{max-width:270px}.bg-digital-applications .bg-social-art strong{font-size:40px}.bg-mockup-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.bg-mockup-dialog-inner>header{padding:18px 16px;gap:12px}.brand-guide .bg-mockup-dialog h2{font-size:21px}.bg-mockup-dialog-inner>header .bg-kicker{font-size:9px}.bg-mockup-large{max-height:55dvh;min-height:0}.bg-mockup-dialog-inner>footer{padding:18px 16px;align-items:flex-start;gap:14px}.bg-mockup-dialog-inner>footer p{font-size:12px}.bg-mockup-dialog .bg-action{font-size:11px;gap:12px}.bg-mockup-paging{flex-direction:column;gap:8px}.bg-mockup-dialog::backdrop{backdrop-filter:blur(3px)}}
@media(prefers-reduced-motion:reduce){.bg-mockup-image>img{transition:none}.bg-mockup-image:hover>img{transform:none}}
@media print{.bg-mockup-dialog,.bg-mockup-enlarge,.bg-application-intro>span{display:none!important}.bg-physical-gallery{grid-template-columns:1fr 1fr;gap:25px 18px}.bg-physical-card{break-inside:avoid}.bg-application-intro{margin-top:20px}.bg-application-intro>p{font-size:13px}.brand-guide .bg-mockup-heading h3{font-size:19px}.bg-physical-card figcaption>p{font-size:11px}.bg-mockup-material{font-size:9px}.bg-physical-card figcaption{padding-top:15px}.bg-digital-applications{grid-template-columns:1fr 1fr}.bg-digital-applications>div{break-inside:avoid}}

.bg-signature-copier{margin-top:20px}
.bg-signature-copier .button{min-height:44px}
.bg-signature-status{font-size:12px;line-height:1.5;color:var(--muted);margin-top:10px;min-height:36px}
@media print{.bg-signature-copier{display:none}}

.bg-banner-download{margin-top:20px}
.bg-banner-download .button{min-height:44px;max-width:100%}
.bg-banner-download p{margin-top:10px;font-size:12px;line-height:1.5;color:var(--muted)}
@media print{.bg-banner-download{display:none}}