/* Shared studio typography, embedded for consistent phone and laptop rendering. */
@font-face{font-family:'GGG Space';src:url('assets/fonts/space-grotesk-latin-variable.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
body{font-family:'GGG Space',Arial,sans-serif}
.tone-before{color:#526158}
button{font-family:inherit}
:root{--paper:#eaf0e7;--aqua:#91f7d9;--ink:#101c1b;--rule:#bdccbf}
.hero h1,.section-heading h2,.statement h2,.approach h2,.about h2,.contact h2{font-weight:500}
.hero-copy{font-size:18px;line-height:1.6}
.site-nav a,.menu-button,.stage-control,.player-toggle,.clip-list button,.copy-email{min-height:44px}
.project-dialog__navigation button{min-height:48px}
.site-header .brand{min-height:44px}
.site-header{position:relative}
@media(max-width:760px){.hero-copy{font-size:15px}.hero h1{font-size:clamp(59px,12.4vw,94px)}.site-nav a{display:flex;align-items:center}.contact-link{overflow-wrap:anywhere}}

@media(min-width:651px) and (max-width:900px){.site-header{height:82px}.menu-button{display:block;padding:12px 0;font-size:12px;background:transparent}.site-nav{display:none;position:absolute;left:0;right:0;top:81px;z-index:25;background:var(--paper);border:1px solid var(--rule);padding:18px 22px;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{display:flex;align-items:center;min-height:48px;padding:12px 0;border-bottom:1px solid var(--rule);font-size:17px}.site-nav .pill{border:0;border-radius:0;justify-content:space-between}}