/* Shared presentation of the native blocks used on home and rubric pages. */
@media (min-width: 1001px) {
  :is(.geniart-editable-page, .editor-styles-wrapper) .geniart-hero h1 { text-wrap: nowrap; white-space: nowrap; }
}
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-hero h1 { margin: 0; font-size: clamp(3.1rem, 5.1vw, 6.5rem); line-height: .86; letter-spacing: -.065em; text-transform: uppercase; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-hero h1::before,
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-section-heading h2::before,
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-tool-card h4::before { display: none; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-section-heading h2 { margin: 0; padding-top: 0; font-family: var(--gi-display); font-size: clamp(2.8rem, 5.2vw, 5.35rem); font-weight: 900; letter-spacing: -.06em; line-height: .92; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-hero__lead { margin: 2rem 0; }
.geniart-editable-page > * { margin-block: 0; }
.geniart-editable-page .geniart-shell { max-width: none; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-eyebrow::before { content: ''; flex: 0 0 8px; height: 8px; border-radius: 50%; background: var(--gi-primary); box-shadow: 0 0 0 8px rgb(241 146 31 / 6%); }
:is(.geniart-editable-page, .editor-styles-wrapper) :is(.geniart-hero__inner,.geniart-midjourney-layout,.geniart-paths,.geniart-tools-grid,.geniart-section-heading,.geniart-native-community-grid) > * { margin-block: 0; min-width: 0; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-path-card { grid-template-columns: auto 1fr; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-path-card p { margin: 0; line-height: 1.5; font-size: .7rem; color: var(--gi-muted); }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-path-card a { color: var(--gi-paper); text-decoration: none; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-panel-heading p { margin: 0; font-size: .78rem; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-panel-heading-copy > p { color: #b697ff; font-size: .62rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-panel-heading > p { flex: 0 0 auto; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-panel-heading > p > a { display: inline-flex; align-items: center; gap: .45rem; color: var(--gi-muted); font-size: .7rem; font-weight: 800; text-decoration: none; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-panel-heading > p > a:hover { color: var(--gi-primary); }
:is(.geniart-editable-page, .editor-styles-wrapper) :is(.geniart-panel-heading,.geniart-office-card,.geniart-prompt-cta) h3 { font-family: var(--gi-display); font-size: clamp(1.8rem, 3vw, 3rem); font-weight: 800; letter-spacing: -.05em; line-height: 1; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-panel-heading h3 { margin: .4rem 0 0; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-office-card h3 { max-width: 460px; margin: 1.4rem 0 0; font-size: clamp(2.2rem, 4vw, 4rem); }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-prompt-cta h3 { margin: .35rem 0 0; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-twitch-cta h3 { margin: .35rem 0 0; font-family: var(--gi-display); font-size: clamp(1.45rem, 2.6vw, 2.5rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.05; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-office-card > .geniart-office-card__topline { margin: 0; color: rgba(248, 246, 255, .65); }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-twitch-copy > p { margin: 0; color: var(--gi-primary); font-size: .62rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-prompt-cta .geniart-prompt-cta__label { margin: 0; color: var(--gi-primary); font-size: .62rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-home-component--office { margin-block: 1.5rem; }
:is(.geniart-editable-page, .editor-styles-wrapper) .wp-block-buttons { display: flex; flex-wrap: wrap; gap: .8rem; }
:is(.geniart-editable-page, .editor-styles-wrapper) .wp-block-button__link { display: inline-flex; align-items: center; min-height: 52px; padding: .85rem 1.35rem; border: 1px solid var(--gi-border); border-radius: 999px; background: transparent; color: var(--gi-paper); font-size: .85rem; font-weight: 750; line-height: 1.3; text-decoration: none; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-native-button-primary .wp-block-button__link { color: var(--gi-ink); background: var(--gi-paper); border-color: var(--gi-paper); }
:is(.geniart-editable-page, .editor-styles-wrapper) .wp-block-button__link:hover { border-color: var(--gi-primary); }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-prompt-cta .geniart-native-button-primary .wp-block-button__link { background: var(--gi-primary); color: #130d06; border-color: var(--gi-primary); box-shadow: 0 14px 38px rgba(241, 146, 31, .18); }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-prompt-cta .geniart-native-button-primary .wp-block-button__link:hover { box-shadow: 0 18px 48px rgba(241, 146, 31, .3); }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-tool-card h4 { margin: .5rem 0 1rem; font-family: var(--gi-display); font-weight: 800; font-size: clamp(1.35rem, 2vw, 1.75rem); line-height: 1.05; letter-spacing: -.025em; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-tool-card h4 a { color: inherit; text-decoration: none; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-tool-card p { margin: 0; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-tool-card :is(.geniart-tool-card__number,.geniart-tool-card__tag) { padding-top: 0; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-tool-card .geniart-tool-card__tag { color: var(--gi-primary); margin-top: 2rem; font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-tools-grid--wide { grid-template-columns: 2fr 1fr; margin-top: 1.5rem; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-tools-section > .geniart-shell > h3 { margin: 3rem 0 1rem; color: rgba(248, 246, 255, .86); font-family: var(--gi-display); font-size: clamp(1.2rem, 2vw, 1.65rem); font-weight: 800; letter-spacing: -.025em; line-height: .98; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-native-community-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 1.2rem; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-native-community-card { display: flex; flex-direction: column; padding: clamp(1.5rem, 3vw, 2.6rem); border: 1px solid var(--gi-border); border-radius: 24px; background: var(--gi-surface); }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-native-community-card--discord { background: linear-gradient(145deg, #433174, #1d1630); }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-native-community-card h3 { font-family: var(--gi-display); font-weight: 800; font-size: clamp(2rem, 3.3vw, 3.5rem); letter-spacing: -.045em; line-height: .95; margin: 1rem 0; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-native-community-card p { color: var(--gi-muted); }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-native-community-card .wp-block-buttons { margin-top: auto; padding-top: 1.5rem; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-native-community-hero { padding-block: 180px 4rem; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-native-community-hero h1 { font-family: var(--gi-display); font-weight: 800; font-size: clamp(3.5rem, 7vw, 7rem); line-height: .94; letter-spacing: -.06em; max-width: 1100px; margin: 2rem 0; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-native-community-hero .geniart-hero__lead { max-width: 850px; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-community-start .geniart-shell { max-width: 1000px; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-rubric-links { margin-top: 2rem; }
.geniart-rubric-links a[aria-current="page"],
.geniart-archive__children a[aria-current="page"] { color: var(--gi-primary); border-color: var(--gi-primary); background: rgba(241, 146, 31, .08); }
/* Keep rubric typography shared: the ordinary editor does not load content.css. */
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-page-heading { padding-top: clamp(180px, 18vw, 240px); padding-bottom: clamp(3rem, 7vw, 6rem); }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-page-heading > .geniart-eyebrow { margin-bottom: 1.25rem; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-page-heading h1 { max-width: 960px; margin: 0; color: var(--gi-paper); font-family: var(--gi-display); font-size: clamp(3.4rem, 7.5vw, 7.6rem); font-weight: 900; letter-spacing: -.068em; line-height: .86; text-wrap: balance; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-page-heading__description { max-width: 900px; color: var(--gi-muted); font-size: clamp(.95rem, 1.4vw, 1.08rem); line-height: 1.7; }
:is(.geniart-editable-page, .editor-styles-wrapper) .geniart-archive__body { padding-bottom: 6rem; }
:is(.geniart-content, .editor-styles-wrapper) .geniart-native-exploration { margin-block: 4rem; }
:is(.geniart-content, .editor-styles-wrapper) .geniart-native-exploration > h2 { font-size: clamp(2.8rem, 5vw, 5.4rem); line-height: .93; letter-spacing: -.055em; max-width: 760px; margin: 1.5rem 0 2rem; }
:is(.geniart-content, .editor-styles-wrapper) .geniart-native-exploration > h2::before { display: none; }
/* Gutenberg inserts these wrappers around a Group's children. */
.editor-styles-wrapper :is(.geniart-hero__inner,.geniart-midjourney-layout,.geniart-paths,.geniart-tools-grid,.geniart-section-heading,.geniart-native-community-grid,.geniart-path-card,.geniart-panel-heading,.geniart-twitch-cta,.geniart-prompt-cta) > .block-editor-inner-blocks,
.editor-styles-wrapper :is(.geniart-hero__inner,.geniart-midjourney-layout,.geniart-paths,.geniart-tools-grid,.geniart-section-heading,.geniart-native-community-grid,.geniart-path-card,.geniart-panel-heading,.geniart-twitch-cta,.geniart-prompt-cta) > .block-editor-inner-blocks > .block-editor-block-list__layout { display: contents; }
.editor-styles-wrapper .geniart-home-block-preview { min-width: 0; }
/* The editor canvas has its own padding: a viewport-wide nested shell overflows. */
.editor-styles-wrapper .geniart-shell { width: min(1440px, 100%); }
.editor-styles-wrapper .geniart-hero { min-height: 0; padding-top: 3rem; }
.editor-styles-wrapper .geniart-hero__inner { min-height: 650px; }
.editor-styles-wrapper .geniart-page-heading { padding-top: 3rem; }
.editor-styles-wrapper .geniart-native-community-hero { padding-top: 3rem; }
@media (max-width: 1480px) {
 :is(.geniart-editable-page, .editor-styles-wrapper) .geniart-hero .geniart-hero-art .geniart-float-card--tools { right: 0; }
}
@media (max-width: 960px) {
 :is(.geniart-editable-page, .editor-styles-wrapper) .geniart-native-community-grid { grid-template-columns: 1fr; }
 :is(.geniart-editable-page, .editor-styles-wrapper) .geniart-hero h1 { font-size: clamp(3.1rem, 8.5vw, 6rem); }
}
@media (max-width: 720px) {
 :is(.geniart-editable-page, .editor-styles-wrapper) .geniart-hero h1 { font-size: clamp(1.95rem, 9.4vw, 4rem); text-wrap: initial; }
 :is(.geniart-editable-page, .editor-styles-wrapper) .geniart-section-heading h2 { font-size: clamp(2.35rem, 11vw, 3.7rem); }
 :is(.geniart-editable-page, .editor-styles-wrapper) .geniart-page-heading h1 { font-size: clamp(2.55rem, 12vw, 4.5rem); }
 .geniart-editable-page .geniart-page-heading { padding-top: 140px; }
 :is(.geniart-editable-page, .editor-styles-wrapper) .geniart-section-action .wp-block-button { flex: 1 1 100%; }
 :is(.geniart-editable-page, .editor-styles-wrapper) .geniart-section-action .wp-block-button__link { width: 100%; }
}
@media (max-width: 640px) {
 :is(.geniart-editable-page, .editor-styles-wrapper) .geniart-tools-grid--wide { grid-template-columns: 1fr; }
 :is(.geniart-editable-page, .editor-styles-wrapper) .geniart-native-community-hero { padding-top: 130px; }
 :is(.geniart-editable-page, .editor-styles-wrapper) .geniart-native-community-hero h1 { font-size: clamp(3rem, 12vw, 4.5rem); }
}
@media (max-width: 380px) {
 :is(.geniart-editable-page, .editor-styles-wrapper) .geniart-section-heading h2 { font-size: 2.25rem; }
}

/* Editable title and image, with the same geometry in the editor and on the site. */
:is(.geniart-editable-page,.editor-styles-wrapper) .geniart-midjourney-heading-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,400px); align-items:center; gap:clamp(2rem,5vw,5rem); }
:is(.geniart-editable-page,.editor-styles-wrapper) .geniart-midjourney-heading-copy { min-width:0; }
:is(.geniart-editable-page,.editor-styles-wrapper) .geniart-midjourney-heading-copy > .geniart-eyebrow { margin-bottom:1.25rem; }
:is(.geniart-editable-page,.editor-styles-wrapper) .geniart-midjourney-logo { width:100%; max-width:400px; margin:0; justify-self:end; }
:is(.geniart-editable-page,.editor-styles-wrapper) .geniart-midjourney-logo img { display:block; width:100%; height:auto; object-fit:contain; border:0; border-radius:0; }
.editor-styles-wrapper .geniart-midjourney-heading-grid > .block-editor-inner-blocks,
.editor-styles-wrapper .geniart-midjourney-heading-grid > .block-editor-inner-blocks > .block-editor-block-list__layout { display:contents; }
@media(max-width:960px) { :is(.geniart-editable-page,.editor-styles-wrapper) .geniart-midjourney-heading-grid { grid-template-columns:minmax(0,1fr) 220px; gap:1.5rem; } }
@media(max-width:720px) { :is(.geniart-editable-page,.editor-styles-wrapper) .geniart-midjourney-heading-grid { grid-template-columns:1fr; } :is(.geniart-editable-page,.editor-styles-wrapper) .geniart-midjourney-logo { max-width:240px; justify-self:start; } }