/* Shared Atelier identity. Native project interfaces retain their own typography. */
@font-face{font-family:Archivo;src:url('https://demo.soyrocoto.com/open-source/sites/studio/assets/fonts/archivo-variable.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:'EB Garamond';src:url('https://demo.soyrocoto.com/open-source/sites/studio/assets/fonts/eb-garamond-variable.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:'EB Garamond';src:url('https://demo.soyrocoto.com/open-source/sites/studio/assets/fonts/eb-garamond-italic-variable.woff2') format('woff2');font-weight:400 800;font-style:italic;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('https://demo.soyrocoto.com/open-source/sites/studio/assets/fonts/instrument-serif-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('https://demo.soyrocoto.com/open-source/sites/studio/assets/fonts/instrument-serif-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{--atelier-blue:#2147f5;--atelier-body:Archivo,system-ui,sans-serif;--atelier-display:Archivo,system-ui,sans-serif}
.site-nav,.studio-chrome{font:500 14px/1.2 var(--atelier-body);text-transform:none;gap:20px;min-height:64px}
.site-nav .wordmark,.studio-chrome .studio-wordmark{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0;text-decoration:none;letter-spacing:0;color:var(--atelier-blue)}
.atelier-mark{display:block;width:32px;height:32px;flex:none;background:currentColor;-webkit-mask:url('https://demo.soyrocoto.com/open-source/sites/studio/assets/brand/atelier-asterisk.svg') center/contain no-repeat;mask:url('https://demo.soyrocoto.com/open-source/sites/studio/assets/brand/atelier-asterisk.svg') center/contain no-repeat}
.site-nav .wordmark:hover,.studio-chrome .studio-wordmark:hover{color:#141410;text-decoration:none}
.site-nav .nav-links,.studio-chrome .studio-links{align-items:center;gap:26px}
.site-nav .nav-links a,.studio-chrome .studio-links a{font:500 14px/1.2 var(--atelier-body);letter-spacing:0;text-transform:none;min-height:44px;text-decoration-thickness:1px;text-underline-offset:6px}
.site-nav .nav-links a[aria-current=page],.studio-chrome .studio-links a[aria-current=page]{color:#141410;text-decoration:none}
.site-nav .wordmark:focus-visible,.studio-chrome .studio-wordmark:focus-visible{outline-offset:1px;border-radius:2px}
body :is(.hero,.index-intro,.project-intro,.phero,.experiences-intro) :is(h1,.ptitle),body .connect-main>h1{font-family:var(--atelier-display);font-weight:500}
.site-footer .footer-brand{font-family:var(--atelier-display);font-weight:500}
@media(max-width:650px){.site-nav,.studio-chrome{padding-inline:14px;gap:12px}.site-nav .nav-links,.studio-chrome .studio-links{top:63px;align-items:stretch;gap:0;padding:10px 20px 16px}.site-nav .nav-links a,.studio-chrome .studio-links a{font-size:16px;min-height:48px;justify-content:flex-start}.site-nav .nav-toggle,.studio-chrome .studio-toggle{margin-left:auto;min-height:44px;min-width:44px}.site-nav .nav-toggle[aria-expanded=true] span,.studio-chrome .studio-toggle[aria-expanded=true] span{background:transparent}.site-nav .nav-toggle[aria-expanded=true] span::before,.studio-chrome .studio-toggle[aria-expanded=true] span::before{top:0;transform:rotate(45deg)}.site-nav .nav-toggle[aria-expanded=true] span::after,.studio-chrome .studio-toggle[aria-expanded=true] span::after{top:0;transform:rotate(-45deg)}}

/* Studio discovery actions use the same readable interface type as navigation. */
body .hero .cta a{font:600 14px/1.25 Archivo,system-ui,sans-serif;letter-spacing:0;text-transform:none;padding:14px 20px;min-height:48px}
body .hero .cta .github-icon{width:20px;height:20px;border-radius:50%;object-fit:contain;flex:none}
.project-nav{top:64px}
@media(max-width:650px){body .hero .cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body .hero .cta a{padding:14px 10px;justify-content:center}}