/* Shared portfolio typography. Client artwork/reconstructions retain their own
   authored faces; the canonical donny. identity remains its supplied outlines. */
@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/portfolio-type/DMSerifDisplay-Regular.woff2') format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url('/assets/portfolio-type/Figtree.woff2') format('woff2')}
:root{--portfolio-display-family:'DM Serif Display',Georgia,serif;--portfolio-text-family:'Figtree',Arial,sans-serif;--portfolio-eyebrow-size:12px;--portfolio-eyebrow-weight:500;--portfolio-eyebrow-tracking:.07em;--portfolio-eyebrow-leading:1.4;font-family:var(--portfolio-text-family);font-synthesis:none}
body,button,input,textarea,select{font-family:var(--portfolio-text-family);font-style:normal}
:where(h1,h2,h3,h4,h5,h6){font-family:var(--portfolio-display-family);font-weight:400;font-style:normal;font-optical-sizing:auto}
:where(h1,h2,h3,h4,h5,h6) em{font-family:inherit;font-weight:inherit;font-style:normal}
/* These are display roles even where the source uses a semantic paragraph. */
:where(.hero-subheadline,.gallery-heading .chapter-label,.card-name,.paths-project-name,.space-intro,.case-story-inquiry>p,.footer-singularity-heading){font-family:var(--portfolio-display-family);font-weight:400;font-style:normal}
/* Real action targets retain readable geometry with the shared text face. */
.card-explore{width:max-content;max-width:100%;min-width:128px}
.project-navigation #case-position{display:flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;color:inherit}
.project-navigation #case-position:focus-visible{outline:1px solid currentColor;outline-offset:5px}
/* Route arrival announces the case dialog; keyboard controls keep their rings. */
#project-view:focus{outline:none}
@media(max-width:700px){#contact-entry .constellation-action{font-size:clamp(18px,5.2vw,23px);white-space:normal;text-align:center}#mobile-menu [data-mobile-navigation]{font-size:clamp(30px,8.2vw,52px)}}