.studio-page{min-height:100vh;background-color:var(--background-dark);color:var(--text-primary);font-family:var(--font-display);overflow-x:hidden;position:relative}.studio-main{width:100%}.studio-hero{text-align:center;position:relative}.studio-hero-title{font-family:var(--font-serif);font-size:clamp(3.5rem,8vw,6rem);font-weight:300;line-height:1;margin-bottom:2.5rem}.studio-hero-description{font-size:1.25rem;line-height:1.8;color:var(--text-secondary);max-width:700px;margin:0 auto 3rem;font-weight:300}.studio-hero-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.studio-section-title{font-family:var(--font-serif);font-size:3rem;font-weight:300;margin-bottom:4rem}.studio-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.studio-tool-card{background:var(--surface-dark);border:1px solid var(--border-color);padding:4rem 3rem;display:flex;flex-direction:column;gap:2rem;transition:var(--transition-normal);position:relative;overflow:hidden}.studio-tool-card:hover{border-color:#f1e0b633;transform:translateY(-5px)}.studio-tool-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);color:var(--primary);transition:var(--transition-normal)}.studio-tool-card:hover .studio-tool-icon{border-color:var(--primary)}.studio-tool-title{font-family:var(--font-serif);font-size:1.75rem;font-weight:400}.studio-tool-description{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.studio-preview-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem;align-items:center}.studio-preview-title{font-family:var(--font-serif);font-size:3.5rem;font-weight:300;margin:1.5rem 0 2rem}.studio-preview-description{font-size:1.125rem;line-height:1.8;color:#ffffffb3;margin-bottom:3rem}.studio-preview-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.studio-preview-features li{display:flex;align-items:center;gap:1rem;font-size:1.125rem;font-weight:300;color:var(--text-primary)}.studio-preview-features .material-symbols-outlined{color:var(--primary)}.editorial-mockup-wrapper{background:var(--surface-darker);padding:2rem;border:1px solid var(--border-color);box-shadow:0 40px 80px #0006}.mockup-window{background:var(--background-dark);border:1px solid var(--border-color-strong);overflow:hidden;height:450px}.mockup-window-header{height:40px;background:var(--surface-dark);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 1rem;gap:1.5rem}.mockup-dots{display:flex;gap:8px}.mockup-dots span{width:8px;height:8px;border-radius:50%;background:var(--border-color-strong)}.mockup-title{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted)}.mockup-window-content{display:grid;grid-template-columns:60px 1fr 200px;height:calc(100% - 40px)}.mockup-sidebar{border-right:1px solid var(--border-color);background:var(--surface-darker)}.mockup-canvas{display:flex;align-items:center;justify-content:center;padding:2rem}.mockup-placeholder{width:100%;height:100%;border:1px dashed var(--border-color-strong);display:flex;align-items:center;justify-content:center;color:var(--primary);opacity:.3}.mockup-placeholder span{font-size:4rem}.mockup-panel{border-left:1px solid var(--border-color);background:var(--surface-darker)}@media(max-width:1024px){.studio-preview-grid{grid-template-columns:1fr;gap:4rem}}@media(max-width:768px){.studio-hero-title{font-size:3.5rem}}