/* Simple studio revision. Existing page, cards, articles and artwork are retained. */
html { scroll-padding-top: 116px; }
.studio-header { --nav-bg: #15171c; --nav-rule: #353941; display: flex; align-items: center; gap: 24px; padding: 14px clamp(16px,3vw,48px); background-color: var(--nav-bg); background-image: linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px); background-size: 24px 24px; border-bottom: 1px solid var(--nav-rule); }
.studio-header .studio-brand { display: flex; align-items: center; gap: 12px; flex-shrink: 0; color: var(--text); text-decoration: none; }
.studio-header .nav-emblem { width: 44px; height: 44px; object-fit: contain; margin: 11px; }
.studio-header .nav-brand-copy { display: flex; flex-direction: column; gap: 6px; }
.studio-header .nav-wordmark { width: 172px; height: auto; display: block; }
.studio-header .nav-tagline { font: 500 .71rem/1.5 Inter,Arial,sans-serif; color: #d8bd80; letter-spacing: .02em; }
.studio-header .studio-nav { flex: 1; justify-content: center; gap: 12px; }
.studio-header .studio-nav a { font-family: Michroma,Arial,sans-serif; font-size: .72rem; letter-spacing: .03em; padding: 10px 3px; border-bottom: 2px solid transparent; }
.studio-header .studio-nav a:hover,.studio-header .studio-nav a:focus-visible { text-decoration: none; border-bottom-color: currentColor; }
.studio-header .nav-misfits { color: #ff83bd; }
.studio-header .nav-signals { color: #d0b5f0; }
.studio-header .nav-studio { color: #e6c886; }
.studio-header .nav-connect { color: #83dce0; }
.studio-header .studio-account { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-left: auto; }
.studio-header .member-tier { color: #bcc1ca; font: .72rem/1.6 Inter,Arial,sans-serif; white-space: nowrap; }
.studio-header .member-tier strong { color: #f8f8f6; font-weight: 600; }
.studio-header .profile-trigger { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; background: #20232a; border: 1px solid #626875; border-radius: 50%; color: #d8bd80; cursor: pointer; }
.studio-header .theme-toggle { display: inline-flex; align-items: center; gap: 9px; padding: 9px 12px; min-height: 44px; font-family: Inter,Arial,sans-serif; font-size: .68rem; font-weight: 650; letter-spacing: .04em; background: #20232a; color: #c2c7d0; border: 1px solid #626875; box-shadow: none; }
.studio-header .theme-toggle span { color: #bcc1ca; }
.studio-header .theme-toggle b { width: 34px; height: 20px; padding: 3px; border: 1px solid #808795; background: #13151a; color: #e6c886; }
.studio-header .theme-toggle b:after { width: 12px; height: 12px; background: currentColor; }
body.theme-neon .studio-header .theme-toggle b:after { transform: translateX(14px); }
body:not(.theme-neon) .studio-header .theme-toggle [data-mode=void] { color: #f8f8f6; }
body.theme-neon .studio-header { --nav-bg: #ebecea; --nav-rule: #bac0c7; background-image: linear-gradient(#00000003 1px,transparent 1px),linear-gradient(90deg,#00000003 1px,transparent 1px); }
body.theme-neon .studio-header .nav-tagline { color: #69511b; }
body.theme-neon .studio-header .nav-misfits { color: #a60055; }
body.theme-neon .studio-header .nav-signals { color: #66309b; }
body.theme-neon .studio-header .nav-studio { color: #6f530f; }
body.theme-neon .studio-header .nav-connect { color: #08616a; }
body.theme-neon .studio-header .member-tier { color: #555d68; }
body.theme-neon .studio-header .member-tier strong { color: #242830; }
body.theme-neon .studio-header .profile-trigger,body.theme-neon .studio-header .theme-toggle { background: #f8f8f6; color: #555d68; border-color: #737a85; }
body.theme-neon .studio-header .theme-toggle span { color: #555d68; }
body.theme-neon .studio-header .theme-toggle [data-mode=neon] { color: #66309b; }
body.theme-neon .studio-header .theme-toggle b { background: #e3e6e9; color: #66309b; border-color: #737a85; }
.studio-header a:focus-visible,.studio-header button:focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; }
.hero .studio-introduction { max-width: 76ch; margin: 30px auto 0; text-align: center; font: 1rem/1.9 Inter,Arial,sans-serif; }
.hero .studio-introduction p { margin: 0 0 22px; color: #f0f0ec; }
.hero .studio-introduction p:nth-child(2) { color: #dbd2e6; }
.hero .studio-introduction p:nth-child(3) { color: #e4d7b8; }
.hero .studio-introduction p:nth-child(4) { color: #c7d4d7; font-size: .94rem; }
body.theme-neon .hero .studio-introduction p { color: #30353c; }
body.theme-neon .hero .studio-introduction p:nth-child(2) { color: #53465f; }
body.theme-neon .hero .studio-introduction p:nth-child(3) { color: #64512d; }
body.theme-neon .hero .studio-introduction p:nth-child(4) { color: #425a60; }
/* Only the bottom menu receives the requested navigation surface. */
.footer-links { padding: 16px 20px; background-color: #15171c; background-image: linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px); background-size: 24px 24px; border: 1px solid #353941; border-radius: 8px; }
body.theme-neon .footer-links { background-color: #ebecea; background-image: linear-gradient(#00000003 1px,transparent 1px),linear-gradient(90deg,#00000003 1px,transparent 1px); border-color: #bac0c7; }
@media(max-width:1180px) { html { scroll-padding-top: 180px; } .studio-header { gap: 12px 20px; } .studio-header .studio-nav { order: 3; flex-basis: 100%; justify-content: center; } }
@media(max-width:600px) { html { scroll-padding-top: 250px; } .studio-header { padding: 10px 14px; gap: 10px; } .studio-header .nav-wordmark { width: 138px; } .studio-header .nav-tagline { font-size: .65rem; } .studio-header .nav-emblem { width: 34px; height: 34px; margin: 9px; } .studio-header .studio-account { gap: 8px; } .studio-header .member-tier { flex-basis: 100%; text-align: right; font-size: .68rem; } .studio-header .studio-nav { gap: 12px; } .studio-header .studio-nav a { font-size: .64rem; } .hero .studio-introduction { font-size: .95rem; line-height: 1.85; } }
@media(max-width:430px) { .studio-header .studio-brand { gap: 4px; } .studio-header .nav-wordmark { width: 148px; } .studio-header .studio-account { width: 100%; margin-left: 0; justify-content: space-between; } .studio-header .member-tier { flex-basis: auto; margin-right: auto; } }
@media(prefers-reduced-motion:reduce) { .studio-header .theme-toggle,.studio-header .theme-toggle b:after { transition: none; } }

/* Temporary simple homepage: no navbar space or product showcase. */
:root { --toolbar-height: 0px; }
html { scroll-padding-top: 24px; }
.misfits[data-showcase-disabled="true"][hidden] { display: none !important; }

/* Leumas's introduction, held in a simple field beneath the studio identity. */
.hero .emblem { width: min(60vw,480px); }
.hero .studio-introduction { width: 100%; max-width: 80ch; padding: clamp(24px,4vw,44px); border: 1px solid #555064; border-radius: 10px; background: #15171c; box-shadow: 0 18px 48px #00000025; position: relative; }
.hero .studio-introduction::before { content: ""; position: absolute; top: -1px; left: 24px; right: 24px; height: 3px; background: linear-gradient(90deg,#ff6b63,#c095ff,#54e4ee); border-radius: 3px; }
.hero .studio-introduction p { max-width: 68ch; margin: 0 auto 22px; }
.hero .studio-introduction p:last-child { margin-bottom: 0; padding-top: 18px; border-top: 1px solid #383e48; }
body.theme-neon .hero .studio-introduction { background: #f0f0ed; border-color: #a7a0b4; box-shadow: 0 12px 36px #24283010; }
body.theme-neon .hero .studio-introduction p:last-child { border-color: #c8cbd0; }
.signals-introduction { padding-top: 42px; padding-bottom: 16px; }
.signals-introduction .signals-kicker { margin: 0 0 12px; color: var(--muted); font: .8rem/1.6 Michroma,Arial,sans-serif; }
.signals-introduction .transmissions-heading { padding: 0; margin: 0 0 20px; }
.signals-introduction > p:not(.signals-kicker) { max-width: 72ch; font: 1rem/1.85 Inter,Arial,sans-serif; color: var(--text); }
.signals-introduction > p.signals-invitation { font-weight: 650; color: var(--text-purple); }
@media(max-width:600px) { .hero .emblem { width: min(76vw,480px); } .hero .studio-introduction { padding: 26px 20px; border-radius: 8px; } .signals-introduction { padding-top: 30px; } }

/* One field for the complete Signals introduction, above the posts. */
.signals-introduction { margin-block: 32px 28px; padding: clamp(24px,4vw,42px); border: 1px solid #555064; border-left: 4px solid #c095ff; border-radius: 10px; background: #15171c; box-shadow: 0 12px 32px #00000018; }
.signals-introduction .signals-kicker { color: #e4c785; margin: 0 0 14px; }
.signals-introduction .transmissions-heading { color: #d0b5f0; font-size: clamp(1.65rem,4vw,2.5rem); line-height: 1.35; margin: 0 0 22px; }
.signals-introduction > p:not(.signals-kicker) { margin: 0 0 20px; color: #f0f0ec; }
.signals-introduction > p.signals-invitation { color: #83dce0; margin-bottom: 24px; }
.signals-introduction .signals-invitation strong { color: inherit; font-weight: 700; }
.signals-introduction > p.signals-order-note { color: #bcc1ca; margin: 0; padding-top: 18px; border-top: 1px solid #383e48; font-size: .85rem; }
body.theme-neon .signals-introduction { background: #f0f0ed; border-color: #a7a0b4; border-left-color: #7035af; box-shadow: 0 12px 32px #2428300d; }
body.theme-neon .signals-introduction .signals-kicker { color: #69511b; }
body.theme-neon .signals-introduction .transmissions-heading { color: #66309b; }
body.theme-neon .signals-introduction > p:not(.signals-kicker) { color: #30353c; }
body.theme-neon .signals-introduction > p.signals-invitation { color: #08616a; }
body.theme-neon .signals-introduction > p.signals-order-note { color: #555d68; border-top-color: #c8cbd0; }
@media(max-width:600px) { .signals-introduction { padding: 26px 20px; margin-block: 24px; border-radius: 8px; } }