/* A single, upright name and more confident color across the directions. */
.site-header .brand{font:normal 400 clamp(23px,2.2vw,30px)/1 var(--serif);letter-spacing:-.035em;white-space:nowrap;flex:none}
.site-header .brand i{font:normal 16px var(--sans);margin-left:6px}
.theme-1{--accent:#236a81;--light:#b5d9d9}.theme-1 .ribbon{background:#85bec8}.theme-1 .float-tag{background:#efd27b}.theme-1 .journal-about{background:#d3e8df}
.theme-10{--accent:#256782;--light:#badde3}.theme-10 .painted-copy{background:#aed7e0}.theme-10 .painted-copy h1 em{color:#215d79}.theme-10 .painted-quote{background:#a4d2d9}.theme-10 .painted-work{background:#d7e9eb}
.theme-19{--accent:#9a304c;--light:#d8e7c4}.theme-19 .studio-min-hero{background:#f5d99d}.theme-19 .studio-min-hero-img img{background:#f5d99d}.theme-19 .studio-min-work{background:#dfebce}
.theme-21{--accent:#2c6d80;--light:#c9e2d2}.theme-21 .a-petal-hero{background:#e7efdc}.theme-21 .a-petal-ribbon{background:#b9dcc9}.theme-21 .a-petal-tag{background:#f0d37c}
.theme-22{--accent:#356a82;--light:#c5e2de}.theme-22 .a-garden-intro{background:#cbe8e2}.theme-22 .a-garden-about{background:#d5e8df}
.theme-23{--accent:#9c304b;--light:#dceac6}.theme-23 .a-folk-hero{background:#f8dea2}.theme-23 .a-folk-frame{background:#f3d28b}.theme-23 .a-folk-ribbon{background:#cce3ba}
.theme-24{--accent:#306d80;--light:#c4e2dd}.theme-24 .b24-note{color:#356b78}.theme-24 .b24-intro{background:#cbe6e3}
.theme-25{--accent:#9e304c;--light:#d7e8c9}.theme-25 .b25-intro{background:#fae8bd}.theme-25 .b25-art{background:#f4dd9d}.theme-25 .b25-story{background:#dceac8}
@media(max-width:760px){.site-header .brand{font-size:22px}.site-header{gap:12px}.site-header nav{gap:12px}}
@media(max-width:480px){.site-header nav a:nth-child(3){display:none}.site-header .brand{font-size:21px}}

/* DesignShot: lighter headings and integrated, quietly editorial actions. */
.theme-10 { --serif: 'Playfair Display', serif; }
.theme-10 h1, .theme-10 h2, .theme-10 h1 em, .theme-10 h2 em { font-weight: 400; }
.theme-10 .nav-pill, .theme-10 .painted-copy .button.light { border: 0; border-bottom: 1px solid currentColor; border-radius: 0; background: transparent; color: var(--ink); padding: 14px 0; min-width: 0; gap: 38px; }
.theme-10 .nav-pill:hover, .theme-10 .painted-copy .button.light:hover { color: var(--accent); background: transparent; }
.painted-grid, .a-petal-grid, .a-garden-grid, .a-folk-grid, .b24-grid, .b25-grid, .st26-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 760px) { .painted-grid, .a-petal-grid, .a-garden-grid, .a-folk-grid, .b24-grid, .b25-grid, .st26-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* DesignShot review: full-bleed pastels and comfortable contact label. */
.site .art-card[data-detail="pastels"] > img { object-fit: cover; object-position: center; }
.contact-note { align-items: center; justify-content: center; gap: 20px; min-height: 48px; padding: 14px 24px; max-width: 100%; line-height: 1.4; }
.contact-note > span { display: block; text-align: center; }
.contact-note b { flex: none; line-height: 1; }
/* Coordinated headline scale and flexible section columns. */
.theme-23 .a-folk-about, .theme-24 .b24-intro { grid-template-columns: minmax(0, .65fr) minmax(0, 2fr) minmax(0, 1fr); align-items: start; }
.theme-23 .a-folk-about h2, .theme-23 .contact h2, .theme-24 .b24-intro h2, .theme-24 .contact h2 { font-size: clamp(42px, 4.7vw, 68px); line-height: 1.08; overflow-wrap: normal; }
.theme-23 .a-folk-about > *, .theme-24 .b24-intro > * { min-width: 0; }
/* A Little Beauty: warm berry and rose against the original blue-green. */
.theme-24 { --accent: #a3385b; --light: #f5dfda; }
.theme-24 .b24-intro { background: #d9e9e1; }
.theme-24 .b24-note { color: #9b3859; }
.theme-24 .contact { background: #f5dfda; }
.theme-24 .b24-sticker { position: absolute; z-index: 2; display: block; width: 64px; height: 64px; filter: drop-shadow(0 3px 2px #30434130); pointer-events: none; }
.theme-24 .b24-sticker svg { display: block; width: 100%; height: 100%; }
.theme-24 .b24-sticker-flower { right: 3%; top: -17px; transform: rotate(12deg); }
.theme-24 .b24-sticker-star { right: 1%; bottom: 14px; width: 55px; height: 55px; transform: rotate(-11deg); }
/* Petal Letter color variation preserves the original layout and art. */
.theme-21.theme-27 { --paper: #fbf4ed; --ink: #443743; --accent: #9a4466; --light: #eddcd9; --rose-ribbon: #e8cfdd; }
.theme-21.theme-27 .a-petal-hero { background: #f5dfe3; }
.theme-21.theme-27 .a-petal-ribbon { background: var(--rose-ribbon); color: #594052; }
.theme-21.theme-27 .a-petal-ribbon span { color: #9a4466; }
.theme-21.theme-27 .a-petal-tag { background: #f3cd86; }
.theme-21.theme-27 .a-petal-about { background: #f6e9dc; }
.theme-21.theme-27 .a-petal-note { color: #82485d; }
.theme-21.theme-27 .a-petal-inset { background: #fff8f2; }
@media(max-width:760px) {
  .theme-23 .a-folk-about, .theme-24 .b24-intro { grid-template-columns: 1fr; }
  .theme-24 .b24-sticker { width: 48px; height: 48px; }
  .theme-24 .b24-sticker-star { width: 42px; height: 42px; }
}
/* Distribute the three artwork cards evenly in each direction. */
.site :is(.painted-grid,.a-petal-grid,.a-garden-grid,.a-folk-grid,.b24-grid,.b25-grid,.st26-grid) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media(max-width:760px) { .site :is(.painted-grid,.a-petal-grid,.a-garden-grid,.a-folk-grid,.b24-grid,.b25-grid,.st26-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Petal Letter Rose: coordinated surfaces and quiet branding. */
.theme-21.theme-27 .a-petal-about { background: #f5dfe3; }
.theme-21.theme-27 .site-header .brand i,
.theme-21.theme-27 footer .footer-logo span { display: none; }
.theme-21.theme-27 .a-petal-copy .button {
  background: #fff7f3;
  color: #743950;
  border-color: #ad7188;
  border-radius: 8px;
}
.theme-21.theme-27 .a-petal-copy .button:hover,
.theme-21.theme-27 .a-petal-copy .button:focus-visible {
  background: #ead1dc;
  border-color: #743950;
}
/* Petal Letter Rose: one shared grid for work and about copy. */
.theme-21.theme-27 .a-petal-heading,
.theme-21.theme-27 .a-petal-about {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.75fr) minmax(0, 1fr);
  gap: 30px;
  align-items: start;
}
.theme-21.theme-27 .a-petal-about { padding-inline: 7%; }
.theme-21.theme-27 .a-petal-heading > *,
.theme-21.theme-27 .a-petal-about > * { min-width: 0; }
.theme-21.theme-27 .a-petal-heading p,
.theme-21.theme-27 .a-petal-about p { font-size: 14px; max-width: 300px; }
.theme-21.theme-27 .a-petal-grid .art-card:nth-child(even) { padding-top: 0; }
@media(max-width:760px) {
  .theme-21.theme-27 .a-petal-work,
  .theme-21.theme-27 .a-petal-about { padding-inline: 6%; }
  .theme-21.theme-27 .a-petal-heading,
  .theme-21.theme-27 .a-petal-about { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
/* Match the contact section to the Petal Letter Rose ribbon. */
.theme-21.theme-27 .contact { background: var(--rose-ribbon); }
/* Align the contact section with the same editorial grid as work and about. */
.theme-21.theme-27 .contact {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.75fr) minmax(0, 1fr);
  column-gap: 30px;
  align-items: start;
  text-align: left;
  padding: 95px 7%;
}
.theme-21.theme-27 .contact > .eyebrow { grid-column: 1; grid-row: 1; }
.theme-21.theme-27 .contact > h2 { grid-column: 2; grid-row: 1 / span 2; margin: 0; min-width: 0; }
.theme-21.theme-27 .contact > p { grid-column: 3; grid-row: 1; margin: 0; max-width: 300px; font-size: 14px; }
.theme-21.theme-27 .contact > .contact-note { grid-column: 3; grid-row: 2; justify-self: start; margin-top: 20px; }
@media(max-width:760px) {
  .theme-21.theme-27 .contact { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 75px 6%; }
  .theme-21.theme-27 .contact > .eyebrow,
  .theme-21.theme-27 .contact > h2,
  .theme-21.theme-27 .contact > p,
  .theme-21.theme-27 .contact > .contact-note { grid-column: 1; grid-row: auto; }
  .theme-21.theme-27 .contact > .contact-note { margin-top: 0; }
}

/* Standalone preview has no design-picker bar. */
.site [id]{scroll-margin-top:20px}