/* One dinnerplate wordmark across the workshop and its apps. */
html body a.brand,html body a.photo-brand{display:inline-flex;align-items:center;gap:.38em;text-decoration:none;white-space:nowrap;min-width:0;line-height:1.15;letter-spacing:-.055em;color:var(--text);font-weight:400;flex-shrink:0}
html body .brand .brandmark,html body .photo-brand .brandmark{display:inline-block;flex:none;font-family:monospace;font-size:1.08em;font-weight:600;letter-spacing:-.16em;color:var(--green);margin:0;padding:0 .1em 0 0}
html body .brandmark i{font-style:normal;padding:0 .08em 0 0;color:inherit}html body .brand-word{display:inline-flex;align-items:baseline;gap:0;min-width:0;color:var(--text);font-family:inherit;font-size:1em;letter-spacing:inherit;margin:0}html body .brand-word strong{font-weight:800}html body .brand-word .light{font-weight:400}html body .brand-word .dot{font-weight:800;color:var(--green)}
html body aside>.brand{font-size:clamp(18px,1.65vw,24px);max-width:100%}html body .photo-brand .brand-word{color:var(--text);font-size:1em;margin:0}html body .photo-brand .brand-word>span{font-size:1em;margin:0;color:inherit}html body .photo-brand .brand-word>.dot{color:var(--green)}
@media(max-width:440px){html body .mobile-ui a.brand,html body .mobile-ui a.photo-brand{gap:.3em}}