/* Shared Yarnshape identity. Fonts are local and cached for offline use. */
@font-face{font-family:Manrope;src:url('/brand/fonts/Manrope[wght].ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/brand/fonts/DMSans[opsz,wght].ttf') format('truetype');font-weight:100 1000;font-display:swap}
.brand,.public-brand{display:flex;align-items:center;flex-shrink:0;text-decoration:none;color:#303f37;letter-spacing:normal}
.brand{flex-direction:column;align-items:flex-start;gap:2px}
.brand .brand-logo{display:block;width:200px;height:auto;max-width:none}
.brand small{font:600 8px/1.4 'DM Sans',sans-serif;letter-spacing:1.35px;margin:0 0 0 4px}
.public-brand .brand-logo{display:block;width:200px;height:auto}
.public-header{gap:24px}
.public-header nav{flex-wrap:wrap}
.public-main,.public-footer{font-family:'DM Sans',system-ui,sans-serif}
.public-main h1,.public-main h2,.public-main h3{font-family:Manrope,system-ui,sans-serif}
.public-footer .footer-brand{display:inline-flex;gap:14px;align-items:center;text-decoration:none}
.footer-brand img{display:block;width:145px;height:auto}
.empty-workspace .empty-brand-mark{display:block;width:56px;height:auto;margin:0 auto 16px}
@media print{#printArea{font-family:'DM Sans',Arial,sans-serif}#printArea h1,#printArea h2,#printArea h3{font-family:Manrope,Arial,sans-serif}}
@media(max-width:700px){.public-brand .brand-logo{width:180px}.public-header nav{gap:16px}}
@media(max-width:520px){.brand .brand-logo{width:180px}.brand small{font-size:7px;letter-spacing:1.15px}}
@media print{#printArea .export-brand{display:flex;align-items:center;gap:5mm;border-color:#d8e6d6}#printArea .export-brand-identity{display:block}#printArea .export-brand svg{display:block;width:49mm;height:auto;color:#303f37}#printArea .export-brand span{font:9px 'DM Sans',Arial,sans-serif;margin:1mm 0 0 1mm}#printArea .export-brand>a{font-family:'DM Sans',Arial,sans-serif}}