.artist-developments { --development-gutter: clamp(24px, 6vw, 100px); }
.development-heading { padding-block: clamp(50px, 6vw, 90px); }
.development-heading h1 { font-size: clamp(2.6rem, 6.5vw, 7rem); margin-bottom: 0; }
.development-section { padding: clamp(52px, 6vw, 90px) var(--development-gutter); }
.artist-developments h2 { font-size: clamp(2.4rem, 4.1vw, 4.9rem); line-height: 1.06; }
.artist-developments p { line-height: 1.7; }
.development-intro { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(30px, 5vw, 75px); align-items: center; }
.development-copy > p:last-child { margin: 28px 0 0; max-width: 570px; color: #3e484b; font-size: 1.05rem; }
.development-scene, .development-box-scene { margin: 0; }
.development-scene img, .development-box-scene img { width: 100%; height: auto; border: 1px solid var(--line); }
.development-scene figcaption, .development-box-scene figcaption { color: var(--muted); font-size: .75rem; margin-top: 10px; }
.development-story { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr); gap: clamp(32px, 7vw, 110px); align-items: center; padding-top: 0; }
.development-story > div { max-width: 840px; }
.development-story > div > p { font-size: 1.05rem; color: #3e484b; margin: 0 0 20px; }
.development-story .button { margin-top: 10px; }
.development-aside { font-family: var(--serif); font-size: clamp(1.7rem, 2.2vw, 2.5rem); line-height: 1.3 !important; color: var(--violet); border-left: 2px solid var(--turquoise); padding-left: 28px; }
.development-box { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(30px, 5vw, 75px); align-items: center; background: linear-gradient(125deg, rgba(182,93,224,.14), rgba(8,185,176,.12)); }
.development-box-copy > p:not(.eyebrow) { color: #3e484b; margin: 24px 0; }
.development-card { min-width: 0; margin: 0; }
.card-enlarge { display: block; width: 100%; padding: 0; border: 0; cursor: zoom-in; background: white; overflow: hidden; }
.card-enlarge img { width: 100%; height: auto; aspect-ratio: 5 / 7; object-fit: contain; transition: transform .25s ease; }
.card-enlarge:hover img { transform: scale(1.015); }
.card-enlarge:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.development-card figcaption { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 10px; font-size: .72rem; color: var(--muted); }
.development-card figcaption strong { color: var(--violet); font-weight: 600; }
.development-gallery-heading { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); align-items: end; gap: 50px; margin-bottom: 44px; }
.development-gallery-heading > p { max-width: 460px; color: var(--muted); }
.development-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 35px 22px; }
.development-future { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: clamp(35px, 7vw, 110px); border-top: 1px solid var(--line); background: linear-gradient(120deg, rgba(182,93,224,.08), rgba(8,185,176,.08)); }
.development-future-heading { align-self: start; position: sticky; top: 135px; }
.development-project { border-bottom: 1px solid var(--line); padding-bottom: 26px; margin-bottom: 30px; scroll-margin-top: 120px; }
.development-project:last-child { margin-bottom: 0; border-bottom: 0; }
.development-project h3 { font-size: clamp(1.6rem, 2.1vw, 2.4rem); line-height: 1.16; margin: 0 0 16px; }
.development-project p { color: #3e484b; margin: 0; }
.development-fashion-images { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }
.development-project-image { min-width: 0; margin: 0; }
.development-project-image img { display: block; width: 100%; height: auto; border: 1px solid var(--line); }
.development-project-image figcaption { margin-top: 10px; color: var(--muted); font-size: .75rem; }
.development-home-images, .development-plate-images { margin-top: 28px; }
.development-ceramics-images { display: grid; gap: 24px; margin-top: 28px; }
.development-viewer { width: min(850px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 18px; border: 1px solid var(--line); background: var(--white); color: var(--ink); }
.development-viewer::backdrop { background: rgba(10,25,32,.8); }
.development-viewer-bar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
.development-viewer-bar h2 { font-size: 1.2rem; line-height: 1.2; margin: 0; }
.development-viewer-bar button { min-height: 44px; padding: 0 12px; border: 1px solid var(--line); background: transparent; font: inherit; cursor: pointer; color: var(--ink); }
.development-viewer > img { width: 100%; height: min(74dvh, 1000px); object-fit: contain; background: white; }
.development-viewer > p { color: var(--muted); font-size: .75rem; text-align: center; margin: 12px 0 0; }
@media (max-width: 900px) {
  .development-intro, .development-story, .development-box, .development-future { grid-template-columns: 1fr; }
  .development-story { gap: 25px; }
  .development-aside { margin: 0; }
  .development-future-heading { position: static; }
  .development-gallery-heading { grid-template-columns: 1fr; gap: 15px; }
  .development-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .development-fashion-images { grid-template-columns: 1fr; }
  .development-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 14px; }
  .development-card figcaption { font-size: .63rem; gap: 5px; }
  .development-heading .eyebrow { font-size: .64rem; }
  .development-viewer { padding: 12px; }
  .development-viewer-bar h2 { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) { .card-enlarge img { transition: none; } }