/* Public art direction: local fonts, CSS geometry, and existing functional markup only. */
body[data-design] {
  --shadow: none;
  font-family: var(--design-body-font);
  background: var(--paper);
}
body[data-design] h1, body[data-design] h2 {
  font-family: var(--design-display-font);
  font-weight: var(--design-display-weight);
  letter-spacing: -.035em;
}
body[data-design] .wrap { width: min(var(--design-width), calc(100% - 48px)); }
body[data-design] .site-header { border-bottom: 1px solid var(--line); }
body[data-design] .btn { border-radius: max(6px, min(var(--radius), 18px)); }
body[data-design] .app-dock { border-color: var(--accent); border-radius: max(12px, var(--radius)); }
body[data-design] input, body[data-design] select, body[data-design] textarea { border-color: var(--muted); }
body[data-design] .design-hero { position: relative; isolation: isolate; padding-block: 26px 42px; }
body[data-design] .design-hero:before {
  position: absolute; z-index: -1; inset: 0;
  background: var(--design-pattern); opacity: .34; content: ''; pointer-events: none;
}
body[data-design] .design-hero .hero-context { margin-bottom: 24px; gap: 8px 24px; }
body[data-design] .design-hero .hero-grid { min-width: 0; align-items: center; gap: clamp(24px, 4vw, 62px); }
body[data-design] .design-hero .hero-grid > *, body[data-design] .design-title, body[data-design] .design-copy { min-width: 0; }
body[data-design] .design-hero .hero-workspace {
  display: block; align-self: center; min-height: 0; margin: 0;
  padding: clamp(24px, 3vw, 44px); border: 0; border-radius: var(--radius);
  background: transparent; box-shadow: none;
}
body[data-design] .design-title h1 { max-width: var(--design-title-measure); margin-bottom: 0; font-size: clamp(2.3rem, 3.9vw, 4.7rem); line-height: 1.09; }
body[data-design] .design-copy .lead { margin-top: 22px; max-width: 54ch; }
body[data-design] .design-hero .hero-visual {
  position: relative; width: 100%; min-height: 0; height: auto;
  aspect-ratio: var(--design-image-aspect); overflow: hidden;
  border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft);
}
body[data-design] .design-hero .hero-visual picture { display: block; width: 100%; height: 100%; }
body[data-design] .design-hero .hero-visual img, body[data-design] .design-hero .hero-visual > svg {
  position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; object-fit: cover;
}
body[data-design] .design-hero .hero-visual:after { background: none; }
body[data-design] .design-hero .caption { right: 14px; bottom: 14px; left: 14px; margin: 0; padding: 12px 14px; border-radius: 8px; background: var(--ink); color: #fff; }
body.skin[data-design] .design-hero .hero-visual img { object-fit: contain; background: var(--white); }
body.skin[data-design] .design-hero .hero-visual > a { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border-radius: inherit; }
body.skin[data-design] .design-hero .hero-visual > a:focus-visible { outline: 3px solid var(--accent); outline-offset: -5px; }
body[data-design] .design-hero .hero-shortcuts { gap: 0; margin-top: 26px; padding-top: 14px; border-color: var(--line); }
body[data-design] .design-hero .hero-shortcuts a { min-height: 60px; padding: 10px 8px; border: 0; border-right: 1px solid var(--line); border-radius: 0; background: transparent; }
body[data-design] .design-hero .hero-shortcuts a:last-child { border-right: 0; }
body[data-design] .design-hero .hero-shortcuts a:hover { background: var(--soft); }
body[data-design] .design-hero .signal-bar { margin-top: 28px; border-radius: max(0px, min(var(--radius), 18px)); border-color: var(--line); background: var(--white); }
body[data-design] .design-location, body[data-design] .design-label, body[data-design] .design-stamp { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.6; }
body[data-design] main > .section { padding-block: var(--design-section-space); }

/* Twelve compositions have different hierarchy, image framing and reading rhythm. */
body[data-hero-layout="editorial-split"] .design-hero .hero-grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
body[data-hero-layout="editorial-split"] .design-title { padding-top: 24px; border-top: 3px solid var(--accent); }
body[data-hero-layout="editorial-split"] .design-hero .hero-workspace { padding-left: 0; }
body[data-hero-layout="billboard"] .design-hero .hero-grid { display: block; }
body[data-hero-layout="billboard"] .design-hero .hero-workspace { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 40px; padding: 8px 0 36px; }
body[data-hero-layout="billboard"] .design-hero .design-copy .lead { margin-top: 0; }
body[data-hero-layout="billboard"] .design-media-band { display: grid; grid-template-columns: minmax(0, 5fr) minmax(130px, 1fr); gap: 0; border: 1px solid var(--line); }
body[data-hero-layout="billboard"] .design-hero .hero-visual { max-height: 480px; border: 0; border-radius: 0; }
body[data-hero-layout="billboard"] .design-media-band .signal-bar { display: grid; grid-template-columns: minmax(0, 1fr); align-content: stretch; margin: 0; border: 0; border-radius: 0; }
body[data-hero-layout="billboard"] .design-media-band .signal-bar > div { border: 0; border-bottom: 1px solid var(--line); }
body[data-hero-layout="portrait-rail"] .design-hero .hero-grid { grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); }
body[data-hero-layout="portrait-rail"] .design-portrait { padding: 16px; border: 1px solid var(--accent); border-radius: var(--radius); }
body[data-hero-layout="portrait-rail"] .design-hero .hero-visual { border-radius: max(0px, calc(var(--radius) - 10px)); }
body[data-hero-layout="portrait-rail"] .design-stamp { padding: 16px 4px 0; text-transform: uppercase; letter-spacing: .12em; }
body[data-hero-layout="cover-frame"] .design-hero .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 0; padding: 28px; }
body[data-hero-layout="cover-frame"] .design-hero .hero-visual { grid-area: 1 / 1 / 2 / 3; min-height: 640px; height: 100%; aspect-ratio: auto; }
body[data-hero-layout="cover-frame"] .design-hero .hero-workspace { position: relative; z-index: 1; grid-area: 1 / 2; margin: 36px 0; background: var(--white); border: 1px solid var(--line); }
body[data-hero-layout="gallery-offset"] .design-hero .hero-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); align-items: start; }
body[data-hero-layout="gallery-offset"] .design-gallery { margin-top: 52px; padding: 18px 18px 0; border: 1px solid var(--accent); }
body[data-hero-layout="gallery-offset"] .design-hero .hero-visual { border-radius: 0; }
body[data-hero-layout="gallery-offset"] .design-location { padding-block: 16px; }
body[data-hero-layout="gallery-offset"] .design-title h1 { padding-bottom: 22px; border-bottom: 1px solid var(--accent); }
body[data-hero-layout="masthead"] .design-masthead { max-width: 1040px; margin-inline: auto; }
body[data-hero-layout="masthead"] .design-hero .hero-workspace { text-align: center; padding: 8px 0 36px; }
body[data-hero-layout="masthead"] .design-title h1 { max-width: 21ch; margin-inline: auto; }
body[data-hero-layout="masthead"] .design-copy .lead { margin-inline: auto; }
body[data-hero-layout="masthead"] .actions { justify-content: center; }
body[data-hero-layout="masthead"] .hero-shortcuts { max-width: 680px; margin-inline: auto; }
body[data-hero-layout="masthead"] .design-hero .hero-grid { grid-template-columns: minmax(0, 1.7fr) minmax(0, .3fr); gap: 24px; }
body[data-hero-layout="masthead"] .design-hero .hero-visual { max-height: 500px; }
body[data-hero-layout="masthead"] .design-facts .signal-bar { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; border: 0; background: transparent; }
body[data-hero-layout="masthead"] .design-facts .signal-bar > div { padding: 24px 8px; border: 0; border-bottom: 1px solid var(--accent); }
body[data-hero-layout="diptych"] .design-diptych { padding: 20px; border: 1px solid var(--accent); border-radius: var(--radius); background: var(--ink); }
body[data-hero-layout="diptych"] .design-hero .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; }
body[data-hero-layout="diptych"] .design-hero .hero-workspace { color: #fff; }
body[data-hero-layout="diptych"] .design-hero .hero-workspace .eyebrow, body[data-hero-layout="diptych"] .design-hero .hero-workspace .lead { color: #fff; }
body[data-hero-layout="diptych"] .hero-workspace .btn { border-color: #fff; background: #fff; color: var(--ink); }
body[data-hero-layout="diptych"] .hero-workspace .btn.secondary { background: transparent; color: #fff; }
body[data-hero-layout="diptych"] .hero-workspace .hero-shortcuts a, body[data-hero-layout="diptych"] .hero-workspace .app-icon { color: #fff; }
body[data-hero-layout="diptych"] .hero-workspace .hero-shortcuts a:hover { background: transparent; text-decoration: underline; }
body[data-hero-layout="diptych"] .hero-workspace a:focus-visible { outline-color: #fff; }
body[data-hero-layout="diptych"] .design-hero .signal-bar { border: 0; }
body[data-hero-layout="atlas"] .design-hero .hero-grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); }
body[data-hero-layout="atlas"] .design-atlas { padding-left: 24px; border-left: 1px solid var(--accent); }
body[data-hero-layout="atlas"] .design-label { margin-bottom: 14px; font-family: var(--design-display-font); font-weight: 700; }
body[data-hero-layout="atlas"] .design-hero .hero-workspace { padding-left: 0; }
body[data-hero-layout="atlas"] .design-hero .signal-bar { border-inline: 0; border-radius: 0; background: transparent; }
body[data-hero-layout="catalogue-ledger"] .design-ledger { border-block: 1px solid var(--accent); }
body[data-hero-layout="catalogue-ledger"] .design-hero .hero-grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 0; }
body[data-hero-layout="catalogue-ledger"] .design-hero .hero-visual { max-width: 520px; margin: 28px auto; border: 0; border-radius: 0; }
body[data-hero-layout="catalogue-ledger"] .hero-shortcuts { grid-template-columns: minmax(0, 1fr); }
body[data-hero-layout="catalogue-ledger"] .hero-shortcuts a { flex-direction: row; align-items: center; border-right: 0; border-bottom: 1px solid var(--line); min-height: 48px; }
body[data-hero-layout="catalogue-ledger"] .design-ledger-footer .signal-bar { margin: 0; border-inline: 0; border-bottom: 0; border-radius: 0; }
body[data-hero-layout="window-grid"] .design-window { padding: 14px; border: 2px solid var(--accent); border-radius: var(--radius); background: var(--white); }
body[data-hero-layout="window-grid"] .design-window-header { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 20px; padding: 10px 12px 20px; border-bottom: 1px solid var(--line); font-size: .78rem; font-weight: 700; }
body[data-hero-layout="window-grid"] .design-hero .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; padding-top: 14px; }
body[data-hero-layout="window-grid"] .design-hero .hero-visual { border-radius: max(0px, calc(var(--radius) - 10px)); }
body[data-hero-layout="serif-banner"] .design-hero .hero-grid { display: block; }
body[data-hero-layout="serif-banner"] .design-hero .hero-workspace { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: 44px; padding: 24px 0 38px; border-top: 1px solid var(--accent); }
body[data-hero-layout="serif-banner"] .design-title h1 { max-width: 20ch; }
body[data-hero-layout="serif-banner"] .design-copy .lead { margin-top: 0; }
body[data-hero-layout="serif-banner"] .design-hero .hero-visual { max-height: 470px; }
body[data-hero-layout="serif-banner"] .design-bottom-rule .signal-bar { border-inline: 0; border-radius: 0; background: transparent; }
body[data-hero-layout="console"] .design-console { padding: 24px; border: 1px solid var(--accent); background: var(--white); }
body[data-hero-layout="console"] .design-console-title { padding-bottom: 18px; border-bottom: 2px solid var(--accent); font-family: 'Courier New', Courier, monospace; font-size: .78rem; font-weight: 700; }
body[data-hero-layout="console"] .design-hero .hero-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); padding-top: 20px; gap: 18px; }
body[data-hero-layout="console"] .design-title h1 { font-size: clamp(2.1rem, 3.6vw, 4.4rem); }
body[data-hero-layout="console"] .design-hero .signal-bar { margin-top: 18px; border-inline: 0; border-radius: 0; }

/* Different content rhythms retain the actual section IDs and forms. */
body[data-section-treatment="ledger"] main > .section .cards { grid-template-columns: minmax(0, 1fr); gap: 0; border-top: 1px solid var(--accent); }
body[data-section-treatment="ledger"] main > .section .cards > .card:has(.ordinal) { display: grid; grid-template-columns: minmax(100px, .35fr) minmax(0, 1fr); column-gap: 28px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; }
body[data-section-treatment="ledger"] main > .section .cards > .card .ordinal { grid-row: span 3; }
body[data-section-treatment="banded"] main > .section:not(#contact):nth-of-type(even) { border-block: 1px solid var(--line); background: var(--soft); }
body[data-section-treatment="banded"] main > .section .cards > .card { border: 0; border-left: 3px solid var(--accent); border-radius: 0; box-shadow: none; }
body[data-section-treatment="rail"] main > .section .section-head { padding-left: 24px; border-left: 3px solid var(--accent); }
body[data-section-treatment="rail"] main > .section .cards { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
body[data-section-treatment="rail"] main > .section .cards > .card { border-block: 0; border-radius: 0; background: transparent; }
body[data-section-treatment="outline"] main > .section .cards > .card { border: 1px solid var(--accent); background: transparent; box-shadow: none; }
body[data-section-treatment="story"] main > .section .section-head { display: block; max-width: 760px; }
body[data-section-treatment="story"] main > .section .cards { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: start; }
body[data-section-treatment="story"] main > .section .cards > .card { border: 0; padding-inline: 0; border-top: 1px solid var(--accent); border-radius: 0; background: transparent; }
body[data-section-treatment="story"] main > .section .cards > .card:nth-child(even) { margin-top: 46px; }
body[data-section-treatment="columns"] main > .section .cards { gap: 0; }
body[data-section-treatment="columns"] main > .section .cards > .card { border: 0; border-left: 1px solid var(--accent); border-radius: 0; background: transparent; }
body[data-section-treatment="tiles"] main > .section .cards > .card { border: 0; background: var(--soft); box-shadow: none; }
body[data-section-treatment="index"] main > .section .cards { grid-template-columns: minmax(0, 1fr); gap: 12px; }
body[data-section-treatment="index"] main > .section .cards > .card:has(.ordinal) { display: grid; grid-template-columns: minmax(70px, .2fr) minmax(0, 1fr); column-gap: 24px; border: 0; border-radius: var(--radius); }
body[data-section-treatment="index"] main > .section .cards > .card .ordinal { grid-row: span 3; }

/* Identities below include palette, type, geometry, image ratio and decorative motif. */

/* empressmodels.co.za / editorial-split / ruled */
body[data-design="empress-atelier"] {
  --paper: #f8f1eb;
  --ink: #2e1724;
  --muted: #695861;
  --accent: #692442;
  --soft: #f2ebee;
  --line: #cab2bd;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: Georgia, 'Times New Roman', serif;
  --radius: 4px;
  --design-display-font: Georgia, 'Times New Roman', serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 400;
  --design-title-measure: 12ch;
  --design-image-aspect: 4/5;
  --design-width: 1260px;
  --design-section-space: 88px;
  --design-pattern: repeating-linear-gradient(0deg, transparent 0 47px, var(--line) 48px 49px);
}

/* mamelodifashionmodels.co.za / billboard / track */
body[data-design="mamelodi-runway"] {
  --paper: #f4f4dd;
  --ink: #1a3022;
  --muted: #5a6a60;
  --accent: #295b35;
  --soft: #ecf0ed;
  --line: #b4c6b8;
  --white: #ffffff;
  --font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --serif: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --radius: 0px;
  --design-display-font: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --design-body-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 13ch;
  --design-image-aspect: 16/9;
  --design-width: 1212px;
  --design-section-space: 68px;
  --design-pattern: linear-gradient(90deg, var(--soft) 0 12%, transparent 12% 88%, var(--line) 88% 89%, transparent 89%);
}

/* eersterustmodels.co.za / portrait-rail / aperture */
body[data-design="eersterust-aperture"] {
  --paper: #edf4fa;
  --ink: #172e43;
  --muted: #586978;
  --accent: #255f7a;
  --soft: #ebf1f3;
  --line: #b3c7d0;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --radius: 36px;
  --design-display-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 14ch;
  --design-image-aspect: 3/4;
  --design-width: 1164px;
  --design-section-space: 88px;
  --design-pattern: radial-gradient(circle at 93% 12%, transparent 0 58px, var(--line) 59px 60px, transparent 61px 94px, var(--line) 95px 96px, transparent 97px);
}

/* eldoradoparkmodels.co.za / cover-frame / corner */
body[data-design="eldorado-studio"] {
  --paper: #fff0e7;
  --ink: #41251c;
  --muted: #76625c;
  --accent: #8b3c27;
  --soft: #f5edec;
  --line: #d6bbb3;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --radius: 12px;
  --design-display-font: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 400;
  --design-title-measure: 15ch;
  --design-image-aspect: 5/4;
  --design-width: 1116px;
  --design-section-space: 68px;
  --design-pattern: linear-gradient(135deg, var(--soft) 0 20%, transparent 20%);
}

/* ennerdalemodels.co.za / gallery-offset / folio */
body[data-design="ennerdale-portfolio"] {
  --paper: #f2eefb;
  --ink: #2b2346;
  --muted: #66617a;
  --accent: #593c82;
  --soft: #f0edf4;
  --line: #c5bbd3;
  --white: #ffffff;
  --font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --serif: Georgia, 'Times New Roman', serif;
  --radius: 0px;
  --design-display-font: Georgia, 'Times New Roman', serif;
  --design-body-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-display-weight: 400;
  --design-title-measure: 16ch;
  --design-image-aspect: 2/3;
  --design-width: 1260px;
  --design-section-space: 88px;
  --design-pattern: linear-gradient(90deg, transparent 0 94%, var(--soft) 94% 100%);
}

/* universityofpretoriamodels.co.za / masthead / column */
body[data-design="hatfield-edition"] {
  --paper: #eff5ef;
  --ink: #18382d;
  --muted: #597068;
  --accent: #27694d;
  --soft: #ecf2ef;
  --line: #b3cac1;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --radius: 8px;
  --design-display-font: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 17ch;
  --design-image-aspect: 3/2;
  --design-width: 1212px;
  --design-section-space: 68px;
  --design-pattern: repeating-linear-gradient(90deg, transparent 0 119px, var(--line) 120px 121px);
}

/* models.capetown / diptych / horizon */
body[data-design="rondebosch-light"] {
  --paper: #eef4f3;
  --ink: #153b3d;
  --muted: #577273;
  --accent: #1d6267;
  --soft: #ebf1f1;
  --line: #b0c8ca;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --radius: 40px;
  --design-display-font: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 400;
  --design-title-measure: 18ch;
  --design-image-aspect: 4/5;
  --design-width: 1164px;
  --design-section-space: 88px;
  --design-pattern: linear-gradient(0deg, var(--soft) 0 25%, transparent 25%);
}

/* models.durban / atlas / sunline */
body[data-design="greyville-sun"] {
  --paper: #fff2df;
  --ink: #413020;
  --muted: #766a5e;
  --accent: #7b4519;
  --soft: #f3eeea;
  --line: #d1beae;
  --white: #ffffff;
  --font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --serif: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --radius: 24px;
  --design-display-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-body-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 12ch;
  --design-image-aspect: 1/1;
  --design-width: 1116px;
  --design-section-space: 68px;
  --design-pattern: radial-gradient(ellipse at 90% 0%, var(--soft) 0 28%, transparent 28.5%);
}

/* models.joburg / catalogue-ledger / margin */
body[data-design="rossmore-journal"] {
  --paper: #f7eee8;
  --ink: #3c2920;
  --muted: #73655e;
  --accent: #784a31;
  --soft: #f3efec;
  --line: #d0c0b7;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: Georgia, 'Times New Roman', serif;
  --radius: 4px;
  --design-display-font: Georgia, 'Times New Roman', serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 400;
  --design-title-measure: 13ch;
  --design-image-aspect: 3/4;
  --design-width: 1260px;
  --design-section-space: 54px;
  --design-pattern: linear-gradient(90deg, transparent 0 16px, var(--line) 17px 18px, transparent 19px);
}

/* modelingagency.capetown / window-grid / grid */
body[data-design="century-blue"] {
  --paper: #edf0f8;
  --ink: #192b4c;
  --muted: #59667e;
  --accent: #324f89;
  --soft: #edeff4;
  --line: #b7c1d6;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --radius: 16px;
  --design-display-font: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 14ch;
  --design-image-aspect: 5/4;
  --design-width: 1212px;
  --design-section-space: 68px;
  --design-pattern: linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 48px 48px;
}

/* modelingagency.durban / serif-banner / arch */
body[data-design="glenwood-expression"] {
  --paper: #f8eff4;
  --ink: #3f2030;
  --muted: #755e6a;
  --accent: #90385a;
  --soft: #f5edf0;
  --line: #d8b9c5;
  --white: #ffffff;
  --font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --serif: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --radius: 40px;
  --design-display-font: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --design-body-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-display-weight: 400;
  --design-title-measure: 15ch;
  --design-image-aspect: 16/9;
  --design-width: 1164px;
  --design-section-space: 88px;
  --design-pattern: radial-gradient(ellipse at 50% 105%, var(--soft) 0 48%, transparent 48.5%);
}

/* modelingagency.joburg / console / stitch */
body[data-design="braamfontein-poster"] {
  --paper: #f2f4e6;
  --ink: #2c3519;
  --muted: #676e59;
  --accent: #4c5e1d;
  --soft: #eff1eb;
  --line: #c0c7b0;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Courier New', Courier, monospace;
  --radius: 0px;
  --design-display-font: 'Courier New', Courier, monospace;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 16ch;
  --design-image-aspect: 1/1;
  --design-width: 1116px;
  --design-section-space: 54px;
  --design-pattern: repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 16px) 0 0 / 100% 2px no-repeat;
}

/* acnemedicine.co.za / catalogue-ledger / grid */
body[data-design="hyde-park-green"] {
  --paper: #f0f7f4;
  --ink: #1d392e;
  --muted: #5c7069;
  --accent: #27604c;
  --soft: #ecf1ef;
  --line: #b3c7c0;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --radius: 12px;
  --design-display-font: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 17ch;
  --design-image-aspect: 1/1;
  --design-width: 1260px;
  --design-section-space: 68px;
  --design-pattern: linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 48px 48px;
}

/* dermatology.joburg / editorial-split / folio */
body[data-design="bedfordview-paper"] {
  --paper: #f7f4ed;
  --ink: #3b3322;
  --muted: #726c60;
  --accent: #695936;
  --soft: #f2f0ed;
  --line: #cac5b9;
  --white: #ffffff;
  --font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --serif: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --radius: 4px;
  --design-display-font: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --design-body-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-display-weight: 400;
  --design-title-measure: 18ch;
  --design-image-aspect: 4/3;
  --design-width: 1212px;
  --design-section-space: 88px;
  --design-pattern: linear-gradient(90deg, transparent 0 94%, var(--soft) 94% 100%);
}

/* dermatologist.joburg / window-grid / corner */
body[data-design="midrand-clarity"] {
  --paper: #eef4fb;
  --ink: #20364c;
  --muted: #5e6e7e;
  --accent: #315d86;
  --soft: #ecf0f4;
  --line: #b7c6d5;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --radius: 24px;
  --design-display-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 12ch;
  --design-image-aspect: 5/4;
  --design-width: 1164px;
  --design-section-space: 68px;
  --design-pattern: linear-gradient(135deg, var(--soft) 0 20%, transparent 20%);
}

/* skincare.joburg / masthead / arch */
body[data-design="rosebank-routine"] {
  --paper: #fbf1f0;
  --ink: #462b30;
  --muted: #7a666a;
  --accent: #8c4b50;
  --soft: #f5efef;
  --line: #d7c0c2;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: Georgia, 'Times New Roman', serif;
  --radius: 36px;
  --design-display-font: Georgia, 'Times New Roman', serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 400;
  --design-title-measure: 13ch;
  --design-image-aspect: 3/2;
  --design-width: 1116px;
  --design-section-space: 88px;
  --design-pattern: radial-gradient(ellipse at 50% 105%, var(--soft) 0 48%, transparent 48.5%);
}

/* dermatology.capetown / atlas / horizon */
body[data-design="cape-waterline"] {
  --paper: #edf7f7;
  --ink: #193b3d;
  --muted: #597273;
  --accent: #24686a;
  --soft: #ebf1f2;
  --line: #b2cacb;
  --white: #ffffff;
  --font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --serif: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --radius: 0px;
  --design-display-font: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --design-body-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-display-weight: 400;
  --design-title-measure: 14ch;
  --design-image-aspect: 4/3;
  --design-width: 1260px;
  --design-section-space: 68px;
  --design-pattern: linear-gradient(0deg, var(--soft) 0 25%, transparent 25%);
}

/* dermatology.durban / portrait-rail / sunline */
body[data-design="umhlanga-botanical"] {
  --paper: #f4f6eb;
  --ink: #303e22;
  --muted: #636d59;
  --accent: #536c2a;
  --soft: #f0f2ec;
  --line: #c3ccb4;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --radius: 40px;
  --design-display-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 15ch;
  --design-image-aspect: 1/1;
  --design-width: 1212px;
  --design-section-space: 88px;
  --design-pattern: radial-gradient(ellipse at 90% 0%, var(--soft) 0 28%, transparent 28.5%);
}

/* skincare.durban / gallery-offset / stitch */
body[data-design="westville-texture"] {
  --paper: #faf2e9;
  --ink: #432e21;
  --muted: #78695f;
  --accent: #8a5228;
  --soft: #f4efec;
  --line: #d6c2b4;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --radius: 8px;
  --design-display-font: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 16ch;
  --design-image-aspect: 3/2;
  --design-width: 1164px;
  --design-section-space: 68px;
  --design-pattern: repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 16px) 0 0 / 100% 2px no-repeat;
}

/* loanbank.co.za / console / grid */
body[data-design="loanbank-ledger"] {
  --paper: #edf6f1;
  --ink: #173c2e;
  --muted: #587369;
  --accent: #1c6247;
  --soft: #ebf1ee;
  --line: #b0c8bf;
  --white: #ffffff;
  --font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --serif: 'Courier New', Courier, monospace;
  --radius: 4px;
  --design-display-font: 'Courier New', Courier, monospace;
  --design-body-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 17ch;
  --design-image-aspect: 3/2;
  --design-width: 1116px;
  --design-section-space: 54px;
  --design-pattern: linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 48px 48px;
}

/* sowetoloans.co.za / billboard / track */
body[data-design="soweto-forward"] {
  --paper: #eef2ff;
  --ink: #202f55;
  --muted: #5e6985;
  --accent: #3454a4;
  --soft: #edf0f7;
  --line: #b8c3df;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --radius: 16px;
  --design-display-font: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 18ch;
  --design-image-aspect: 16/9;
  --design-width: 1260px;
  --design-section-space: 68px;
  --design-pattern: linear-gradient(90deg, var(--soft) 0 12%, transparent 12% 88%, var(--line) 88% 89%, transparent 89%);
}

/* tembisapaydayloans.co.za / window-grid / column */
body[data-design="thembisa-perspective"] {
  --paper: #fff8e7;
  --ink: #43361d;
  --muted: #726856;
  --accent: #795415;
  --soft: #f3f0ea;
  --line: #d0c3ad;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --radius: 24px;
  --design-display-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 12ch;
  --design-image-aspect: 4/3;
  --design-width: 1212px;
  --design-section-space: 88px;
  --design-pattern: repeating-linear-gradient(90deg, transparent 0 119px, var(--line) 120px 121px);
}

/* mitchellsplainloans.co.za / atlas / horizon */
body[data-design="mitchells-bay"] {
  --paper: #edf7f9;
  --ink: #193746;
  --muted: #596f7a;
  --accent: #1b6178;
  --soft: #eaf1f3;
  --line: #afc8d0;
  --white: #ffffff;
  --font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --serif: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --radius: 0px;
  --design-display-font: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --design-body-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 13ch;
  --design-image-aspect: 5/4;
  --design-width: 1164px;
  --design-section-space: 68px;
  --design-pattern: linear-gradient(0deg, var(--soft) 0 25%, transparent 25%);
}

/* bethelsdorploans.co.za / editorial-split / margin */
body[data-design="bethelsdorp-grounded"] {
  --paper: #fcf0e9;
  --ink: #442c23;
  --muted: #786761;
  --accent: #87412c;
  --soft: #f4eeec;
  --line: #d5bcb5;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --radius: 8px;
  --design-display-font: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 400;
  --design-title-measure: 14ch;
  --design-image-aspect: 4/5;
  --design-width: 1116px;
  --design-section-space: 68px;
  --design-pattern: linear-gradient(90deg, transparent 0 16px, var(--line) 17px 18px, transparent 19px);
}

/* londonloans.co.uk / serif-banner / ruled */
body[data-design="london-notebook"] {
  --paper: #f4f1ea;
  --ink: #24382f;
  --muted: #5d6c65;
  --accent: #24493f;
  --soft: #ebefee;
  --line: #b2bfbc;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: Georgia, 'Times New Roman', serif;
  --radius: 0px;
  --design-display-font: Georgia, 'Times New Roman', serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 400;
  --design-title-measure: 15ch;
  --design-image-aspect: 3/2;
  --design-width: 1260px;
  --design-section-space: 88px;
  --design-pattern: repeating-linear-gradient(0deg, transparent 0 47px, var(--line) 48px 49px);
}

/* paydayloansmumbai.com / diptych / sunline */
body[data-design="mumbai-interval"] {
  --paper: #fff2e7;
  --ink: #472b1c;
  --muted: #7b665c;
  --accent: #8c401e;
  --soft: #f5eeeb;
  --line: #d7bcb0;
  --white: #ffffff;
  --font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --serif: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --radius: 32px;
  --design-display-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-body-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 16ch;
  --design-image-aspect: 4/3;
  --design-width: 1212px;
  --design-section-space: 68px;
  --design-pattern: radial-gradient(ellipse at 90% 0%, var(--soft) 0 28%, transparent 28.5%);
}

/* computerstore.joburg / window-grid / grid */
body[data-design="rossmore-workbench"] {
  --paper: #edf1fb;
  --ink: #1b2b4d;
  --muted: #5b667f;
  --accent: #233b7a;
  --soft: #ebedf3;
  --line: #b2bad0;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Courier New', Courier, monospace;
  --radius: 4px;
  --design-display-font: 'Courier New', Courier, monospace;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 17ch;
  --design-image-aspect: 5/4;
  --design-width: 1164px;
  --design-section-space: 54px;
  --design-pattern: linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 48px 48px;
}

/* computershop.joburg / catalogue-ledger / column */
body[data-design="sandton-specification"] {
  --paper: #edf6f0;
  --ink: #20392c;
  --muted: #5e7067;
  --accent: #245547;
  --soft: #ebf0ee;
  --line: #b2c4bf;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --radius: 12px;
  --design-display-font: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 18ch;
  --design-image-aspect: 1/1;
  --design-width: 1116px;
  --design-section-space: 68px;
  --design-pattern: repeating-linear-gradient(90deg, transparent 0 119px, var(--line) 120px 121px);
}

/* lenovolaptops.joburg / billboard / track */
body[data-design="lenovo-redline"] {
  --paper: #faf0f0;
  --ink: #3d2027;
  --muted: #735e63;
  --accent: #9f2430;
  --soft: #f6ebec;
  --line: #ddb2b7;
  --white: #ffffff;
  --font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --serif: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --radius: 0px;
  --design-display-font: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --design-body-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 12ch;
  --design-image-aspect: 16/9;
  --design-width: 1260px;
  --design-section-space: 54px;
  --design-pattern: linear-gradient(90deg, var(--soft) 0 12%, transparent 12% 88%, var(--line) 88% 89%, transparent 89%);
}

/* dellnotebooks.co.za / console / corner */
body[data-design="hatfield-blueprint"] {
  --paper: #edf5fc;
  --ink: #193449;
  --muted: #596d7c;
  --accent: #175784;
  --soft: #eaf0f4;
  --line: #aec4d4;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --radius: 20px;
  --design-display-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 13ch;
  --design-image-aspect: 3/2;
  --design-width: 1212px;
  --design-section-space: 68px;
  --design-pattern: linear-gradient(135deg, var(--soft) 0 20%, transparent 20%);
}

/* facebookads.co.za / cover-frame / aperture */
body[data-design="pretoria-campaign"] {
  --paper: #f3effb;
  --ink: #30234b;
  --muted: #6a617d;
  --accent: #56318c;
  --soft: #f0ecf5;
  --line: #c4b7d7;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --radius: 24px;
  --design-display-font: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 14ch;
  --design-image-aspect: 5/4;
  --design-width: 1164px;
  --design-section-space: 88px;
  --design-pattern: radial-gradient(circle at 93% 12%, transparent 0 58px, var(--line) 59px 60px, transparent 61px 94px, var(--line) 95px 96px, transparent 97px);
}

/* onefacebookads.com / gallery-offset / folio */
body[data-design="global-studio"] {
  --paper: #fff0e8;
  --ink: #432a20;
  --muted: #78665e;
  --accent: #8d3b1f;
  --soft: #f5edeb;
  --line: #d7bab1;
  --white: #ffffff;
  --font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --serif: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --radius: 0px;
  --design-display-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-body-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 15ch;
  --design-image-aspect: 16/9;
  --design-width: 1116px;
  --design-section-space: 68px;
  --design-pattern: linear-gradient(90deg, transparent 0 94%, var(--soft) 94% 100%);
}

/* smallbusinessdatabase.co.za / editorial-split / column */
body[data-design="centurion-workbook"] {
  --paper: #edf7f1;
  --ink: #1d382d;
  --muted: #5c7068;
  --accent: #1d6451;
  --soft: #ebf1ef;
  --line: #b0c9c2;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --radius: 16px;
  --design-display-font: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 16ch;
  --design-image-aspect: 4/3;
  --design-width: 1260px;
  --design-section-space: 68px;
  --design-pattern: repeating-linear-gradient(90deg, transparent 0 119px, var(--line) 120px 121px);
}

/* botshabelosmallbusiness.co.za / atlas / stitch */
body[data-design="botshabelo-cornerstone"] {
  --paper: #eef3fc;
  --ink: #1d304c;
  --muted: #5c6a7e;
  --accent: #1f4d87;
  --soft: #ebeff4;
  --line: #b1c1d5;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --radius: 4px;
  --design-display-font: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 400;
  --design-title-measure: 17ch;
  --design-image-aspect: 5/4;
  --design-width: 1212px;
  --design-section-space: 88px;
  --design-pattern: repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 16px) 0 0 / 100% 2px no-repeat;
}

/* cybersecurityjobs.co.za / console / aperture */
body[data-design="cyber-pathfinder"] {
  --paper: #edf6f8;
  --ink: #193541;
  --muted: #596e76;
  --accent: #205b6b;
  --soft: #ebf0f2;
  --line: #b1c6cb;
  --white: #ffffff;
  --font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --serif: 'Courier New', Courier, monospace;
  --radius: 0px;
  --design-display-font: 'Courier New', Courier, monospace;
  --design-body-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 18ch;
  --design-image-aspect: 3/2;
  --design-width: 1164px;
  --design-section-space: 54px;
  --design-pattern: radial-gradient(circle at 93% 12%, transparent 0 58px, var(--line) 59px 60px, transparent 61px 94px, var(--line) 95px 96px, transparent 97px);
}

/* kimkardashianfeed.com / masthead / margin */
body[data-design="fan-style-notebook"] {
  --paper: #f9eef5;
  --ink: #3e2638;
  --muted: #746370;
  --accent: #7c3763;
  --soft: #f3edf1;
  --line: #d1b9c8;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: Georgia, 'Times New Roman', serif;
  --radius: 32px;
  --design-display-font: Georgia, 'Times New Roman', serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 400;
  --design-title-measure: 12ch;
  --design-image-aspect: 4/3;
  --design-width: 1116px;
  --design-section-space: 88px;
  --design-pattern: linear-gradient(90deg, transparent 0 16px, var(--line) 17px 18px, transparent 19px);
}

/* fcbarcelonasupporters.com / billboard / ruled */
body[data-design="supporters-matchday"] {
  --paper: #f7eef1;
  --ink: #392332;
  --muted: #70616b;
  --accent: #81233d;
  --soft: #f4ebee;
  --line: #d3b2bb;
  --white: #ffffff;
  --font: Arial, Helvetica, sans-serif;
  --serif: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --radius: 4px;
  --design-display-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-body-font: Arial, Helvetica, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 13ch;
  --design-image-aspect: 16/9;
  --design-width: 1260px;
  --design-section-space: 54px;
  --design-pattern: repeating-linear-gradient(0deg, transparent 0 47px, var(--line) 48px 49px);
}

/* chatgptcast.com / diptych / aperture */
body[data-design="cast-workshop"] {
  --paper: #f3f0fb;
  --ink: #2f2947;
  --muted: #69657b;
  --accent: #51428b;
  --soft: #efeef5;
  --line: #c2bdd6;
  --white: #ffffff;
  --font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --serif: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --radius: 24px;
  --design-display-font: 'Avenir Next', 'Segoe UI', Arial, sans-serif;
  --design-body-font: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif;
  --design-display-weight: 700;
  --design-title-measure: 14ch;
  --design-image-aspect: 5/4;
  --design-width: 1212px;
  --design-section-space: 68px;
  --design-pattern: radial-gradient(circle at 93% 12%, transparent 0 58px, var(--line) 59px 60px, transparent 61px 94px, var(--line) 95px 96px, transparent 97px);
}

/* A single-column reading order and stable image box at tablet/mobile widths. */
@media (max-width: 899.98px) {
 body[data-design] .wrap { width: calc(100% - 32px); }
 body[data-design] .design-hero { padding-block: 18px 30px; }
 body[data-design] .design-hero .hero-context { margin-bottom: 18px; }
 body[data-design] .design-hero .hero-grid { display: flex; flex-direction: column; align-items: stretch; gap: 22px; padding: 0; }
 body[data-design] .design-hero .hero-workspace { display: block; width: 100%; order: 0; margin: 0; padding: 24px; }
 body[data-design] .design-title h1, body[data-hero-layout="console"] .design-title h1 { max-width: 100%; font-size: clamp(2.05rem, 7.2vw, 3.4rem); line-height: 1.12; }
 body[data-design] .design-copy .lead { margin-top: 18px; }
 body[data-design] .design-hero .hero-visual { min-height: 0; height: auto; max-height: 520px; aspect-ratio: var(--design-image-aspect); order: 1; }
 body[data-design] .design-portrait, body[data-design] .design-gallery, body[data-design] .design-atlas { order: 1; margin-top: 0; }
 body[data-design] .design-media-band { display: block; }
 body[data-design] .design-media-band .signal-bar, body[data-design] .design-facts .signal-bar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 0; }
 body[data-design] .design-facts .signal-bar > div { padding: 16px 10px; border-color: var(--line); }
 body[data-design] .design-atlas { padding-left: 0; border-left: 0; border-top: 1px solid var(--accent); padding-top: 16px; }
 body[data-design] .design-gallery { padding: 12px 12px 0; }
 body[data-design] .design-masthead .hero-workspace { padding-inline: 4px; }
 body[data-design] .design-banner .hero-workspace { padding-inline: 0; }
 body[data-design] .design-diptych, body[data-design] .design-console { padding: 14px; }
 body[data-design] .design-diptych .hero-workspace, body[data-design] .design-console .hero-workspace { padding: 18px 8px; }
 body[data-design] .design-window { padding: 12px; }
 body[data-design] .design-window .hero-workspace { padding: 18px 6px; }
 body[data-design] .design-hero .hero-shortcuts { margin-top: 20px; }
 body[data-design] .design-hero .hero-shortcuts a { font-size: .75rem; }
 body[data-design] main > .section { padding-block: 48px; }
 body[data-design] main > .section .cards { grid-template-columns: minmax(0, 1fr); }
 body[data-design] main > .section .cards > .card:nth-child(even) { margin-top: 0; }
}
@media (max-width: 399px) {
 body[data-design] .design-hero .hero-workspace { padding: 20px 12px; }
 body[data-design] .design-title h1, body[data-hero-layout="console"] .design-title h1 { font-size: 2.05rem; }
 body[data-design] .design-hero .hero-shortcuts a { padding: 8px 5px; min-height: 62px; }
 body[data-design] .design-window .hero-workspace, body[data-design] .design-diptych .hero-workspace, body[data-design] .design-console .hero-workspace { padding-inline: 0; }
 body[data-design] .design-hero .actions .btn { min-height: 48px; }
 body[data-section-treatment="ledger"] main > .section .cards > .card:has(.ordinal), body[data-section-treatment="index"] main > .section .cards > .card:has(.ordinal) { display: block; }
}
@media (prefers-reduced-motion: reduce) {
 body[data-design] *, body[data-design] *:before, body[data-design] *:after { animation: none !important; transition: none !important; }
}
@media (prefers-contrast: more) {
 body[data-design] { --muted: var(--ink); --line: var(--ink); }
 body[data-design] .design-hero .hero-visual, body[data-design] .btn { border-width: 2px; }
}
@media print {
 body[data-design] { background: #fff; color: #000; }
 body[data-design] .design-hero:before { display: none; }
 body[data-design] .design-hero .hero-grid, body[data-design] .design-hero .hero-workspace { display: block; }
 body[data-design] .design-diptych { background: #fff; }
 body[data-design] .design-diptych .hero-workspace, body[data-design] .design-diptych .hero-workspace .lead, body[data-design] .design-diptych .hero-workspace .eyebrow { color: #000; }
}

/* Focal adjustments reviewed against the selected, site-specific portraits. */
body[data-design="mamelodi-runway"] .design-hero .hero-visual img { object-position: center 16%; }
body[data-design="hatfield-edition"] .design-hero .hero-visual img { object-position: center 22%; }
@media (min-width: 900px) {
 body[data-design="eldorado-studio"] .design-hero .hero-visual img { width: 52%; right: auto; object-position: center 25%; }
}

body[data-design="century-blue"] .design-hero .hero-visual img { object-position: center top; }
body[data-design="glenwood-expression"] .design-hero .hero-visual img { object-position: center 22%; }