.studio-hero{padding:72px 0 44px;background:#f3e2d8}.studio-heading{display:flex;justify-content:space-between;gap:40px;align-items:end}.studio-heading h1{font-size:clamp(3rem,7vw,5.8rem);margin:0}.studio-heading>p{max-width:280px;color:#4e5a6e}.studio{padding:48px 0 90px}.studio-canvas{background:#18233a;color:#fff;padding:26px 30px 42px;min-height:340px}.studio-label{font-size:.68rem;font-weight:bold;text-transform:uppercase;letter-spacing:.14em;color:#f4a08f}.studio-input{display:block;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;padding:8px 0 14px;font:inherit;resize:none;outline:0}.studio-preview{font-size:72px;line-height:1.08;margin-top:42px;word-break:break-word}.studio-controls{display:flex;justify-content:space-between;gap:35px;padding:25px 0;border-bottom:1px solid #dfd9d1}.studio-controls span{display:block;font-size:.75rem;font-weight:bold;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.weight-buttons{display:flex;gap:8px;flex-wrap:wrap}.weight-buttons button{border:1px solid #cfc4bd;background:#fff;padding:7px 11px;cursor:pointer}.weight-buttons button.is-selected{background:#e97762;border-color:#e97762;color:#fff}.size-control{width:min(310px,100%)}.size-control input{width:100%;accent-color:#e97762}.studio-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.copy-button,.download-button{border:0;background:#18233a;color:#fff;padding:12px 15px;text-decoration:none;font:700 .84rem Arial;cursor:pointer}.download-button{background:#e97762}.code-snippet{white-space:pre-wrap;background:#f0ece6;padding:18px;font-size:.82rem;overflow:auto}.glyph-section,.related-fonts{border-top:1px solid #dfd9d1;padding:42px 0}.glyphs{font-size:2.1rem;line-height:1.65;letter-spacing:.05em}.related-fonts h2{font:2rem Georgia,serif}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related-grid a{border:1px solid #dfd9d1;padding:16px;color:#18233a;text-decoration:none}.related-grid a:hover{border-color:#e97762}.related-grid strong,.related-grid span{display:block}.related-grid span{font-size:.75rem;color:#697286;margin-top:4px}@media(max-width:700px){.studio-heading,.studio-controls{display:block}.studio-heading>p{margin-top:20px}.size-control{margin-top:25px}.studio-canvas{padding:22px}.studio-preview{font-size:48px}.related-grid{grid-template-columns:1fr 1fr}}