/* Shared genre-page layout. All rules stay inside the new pattern. */
.sk-genre-page { width: 100%; max-width: none; }
.sk-genre-page > .sk-genre-section {
  width: 100%;
  max-width: none;
  margin-block: 0;
  margin-inline: 0 !important;
  padding: clamp(3rem, 7vw, 7rem) clamp(1.25rem, 5vw, 5rem);
}
.sk-genre-page .sk-genre-inner {
  width: 100%;
  max-width: var(--wp--style--global--wide-size, 1320px);
  margin-inline: auto !important;
}
.sk-genre-page .sk-genre-row { gap: clamp(2rem, 5vw, 5rem); align-items: center !important; }
.sk-genre-page .wp-block-column { min-width: 0; }
.sk-genre-page .sk-genre-row--reverse { flex-direction: row-reverse; }
.sk-genre-page .sk-genre-hero { padding-top: clamp(2rem, 4vw, 4rem); }
.sk-genre-page h1 {
  font-size: clamp(2rem, 4.2vw, 4.5rem);
  line-height: 1.08;
  letter-spacing: -.035em;
  margin-block: 1rem 1.5rem;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.sk-genre-page h2 { font-size: clamp(2rem, 3.6vw, 3.5rem); line-height: 1.12; text-wrap: balance; }
.sk-genre-page h3 { font-size: clamp(1.75rem, 2.5vw, 2.5rem); line-height: 1.2; margin-top: 2rem; }
.sk-genre-page .sk-genre-label { font-size: .6875rem; letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--accent); }
.sk-genre-page .sk-genre-subtitle { font-family: var(--wp--preset--font-family--serif); font-size: clamp(1.5rem, 2.5vw, 2.5rem); line-height: 1.25; }
.sk-genre-page .sk-genre-copy > p:not(.sk-genre-label):not(.sk-genre-subtitle):not(.sk-genre-amount) { max-width: 60ch; color: var(--wp--preset--color--muted); }
.sk-genre-page .sk-genre-row .sk-genre-copy > p { max-width: 46ch; }
.sk-genre-page .sk-genre-reading .sk-genre-inner,
.sk-genre-page .sk-genre-process .sk-genre-inner { max-width: 760px; }
.sk-genre-page .sk-genre-photo { width: 100%; margin: 0; min-width: 0; }
/* Aspect ratio, scaling and focal point are owned by each editable Image block. */
.sk-genre-page .sk-genre-photo img { display: block; width: 100%; height: auto; max-height: 640px; }
.sk-genre-page .sk-genre-photo figcaption { font-size: .6875rem; color: var(--wp--preset--color--muted); margin-top: .75rem; }
.sk-genre-page .sk-genre-gallery-section { padding-top: 0; }
.sk-genre-page .sk-genre-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 2rem); }
.sk-genre-page .sk-genre-gallery > * { margin-block: 0; }
.sk-genre-page .sk-genre-privacy { border-top: 1px solid #c6a07830; }
.sk-genre-page .sk-genre-price { background: var(--wp--preset--color--surface); }
.sk-genre-page .sk-genre-amount { font-family: var(--wp--preset--font-family--serif); font-size: clamp(4rem, 8vw, 7rem); line-height: 1.05; color: var(--wp--preset--color--accent); margin-block: 1rem 2rem; }
.sk-genre-page .wp-block-buttons { margin-top: 2rem; }
.sk-genre-page .wp-block-button__link { max-width: 100%; white-space: normal; }
@media (max-width: 1023px) and (min-width: 782px) {
  .sk-genre-page h1 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); }
  .sk-genre-page .sk-genre-photo img { max-height: 560px; }
}
@media (max-width: 781px) {
  .sk-genre-page h1 { font-size: clamp(1.75rem, 6.4vw, 3rem); }
  .sk-genre-page .sk-genre-row { gap: 2rem; }
  .sk-genre-page .sk-genre-row--reverse { flex-direction: row; }
  .sk-genre-page .sk-genre-photo img { max-height: 520px; }
  .sk-genre-page .sk-genre-gallery { grid-template-columns: 1fr; gap: 2rem; }
}