:root {
  --paper: #f2efe8;
  --paper-deep: #ddd7cd;
  --ink: #181716;
  --muted: #6e6962;
  --violet: #63506e;
  --red: #9d3f39;
  --turquoise: #2c9c9a;
  --sage: #7d8a76;
  --ochre: #b48146;
  --night: #1d1b1c;
  --line: rgba(24, 23, 22, 0.2);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 22% 7%, rgba(255,255,255,.72), transparent 29%),
    linear-gradient(105deg, rgba(125, 138, 118, .1), transparent 32%),
    var(--paper);
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
}

img { display: block; width: 100%; }
a { color: inherit; }

.site-header {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 90px;
  padding: 22px 4vw;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.wordmark {
  text-decoration: none;
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.wordmark span {
  font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  font-size: 34px;
  letter-spacing: 0;
}

.wordmark small,
.eyebrow {
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: .16em;
  text-transform: uppercase;
}

nav { display: flex; gap: 32px; }
nav a { text-decoration: none; font-size: 14px; }
nav a:hover { text-decoration: underline; text-underline-offset: 6px; }
.menu-button { display: none; }

.hero {
  min-height: 96vh;
  padding: 128px 4vw 6vw;
  display: grid;
  grid-template-columns: minmax(300px, .78fr) minmax(460px, 1fr) minmax(120px, .22fr);
  gap: 5vw;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.hero-copy { z-index: 2; max-width: 620px; }

h1, h2, blockquote {
  font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  font-weight: 300;
  letter-spacing: 0;
}

h1 {
  margin: 22px 0 24px;
  font-size: clamp(54px, 6vw, 96px);
  line-height: .88;
}

.intro {
  max-width: 520px;
  font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  font-size: clamp(21px, 2.1vw, 31px);
  line-height: 1.23;
}

.text-link {
  display: inline-flex;
  gap: 30px;
  padding-bottom: 6px;
  margin-top: 24px;
  text-decoration: none;
  border-bottom: 1px solid;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 26px;
  align-items: center;
  margin-top: 28px;
}

.hero-art { margin: 0; z-index: 1; }
.hero-art img {
  height: min(72vh, 790px);
  object-fit: cover;
  border: 1px solid rgba(24, 23, 22, .08);
  box-shadow: 0 32px 80px rgba(40, 34, 32, .14);
}

figcaption {
  margin-top: 11px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.wash {
  position: absolute;
  border-radius: 50%;
  filter: blur(26px);
  opacity: .13;
  pointer-events: none;
}
.wash-one { width: 28vw; height: 18vw; background: var(--violet); left: 25%; top: 25%; }
.wash-two { width: 24vw; height: 30vw; background: var(--turquoise); right: -7%; bottom: -10%; }

.hero-note {
  align-self: end;
  margin-bottom: 7vw;
  padding-left: 22px;
  display: grid;
  gap: 14px;
  border-left: 1px solid var(--line);
  color: var(--muted);
  font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  font-size: clamp(16px, 1.3vw, 22px);
  line-height: 1.18;
}

.worlds, .selected, .projects-strip, .about, .studio-flow, .commissions, footer {
  padding: 10vw 6vw;
}

.worlds {
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}

.section-heading { grid-column: 1 / 7; margin-bottom: 7vw; }
h2 { margin: 18px 0 0; font-size: clamp(54px, 7vw, 104px); line-height: .9; }

.world-card {
  position: relative;
  display: grid;
  gap: 20px;
  align-items: start;
}
.world-card img { height: 54vw; max-height: 720px; object-fit: cover; }
.world-card img,
.art img,
.project-card img,
.studio-flow img {
  filter: saturate(.94) contrast(1.02);
}
.world-card > div { display: grid; grid-template-columns: 38px 1fr; gap: 4px 12px; }
.world-card h3 { margin: 0; font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif; font-size: 34px; font-weight: 400; }
.world-card p { grid-column: 2; max-width: 360px; color: var(--muted); line-height: 1.55; }
.world-card a { grid-column: 2; text-underline-offset: 5px; }
.world-fine { grid-column: 1 / 6; }
.world-portrait { grid-column: 7 / 10; margin-top: 14vw; }
.world-organic { grid-column: 10 / 13; margin-top: -3vw; }

.selected { background: var(--night); color: var(--paper); }
.selected-intro {
  display: block;
  margin-bottom: clamp(90px, 10vw, 170px);
}
.selected-intro h2 {
  max-width: 900px;
  margin-bottom: 0;
}
.selected-intro p:last-child {
  max-width: 420px;
  margin: 28px 0 0 auto;
  color: rgba(242,239,232,.68);
  line-height: 1.55;
}
.art-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: auto auto;
  gap: clamp(52px, 6vw, 96px) 28px;
  align-items: start;
}
.art {
  min-width: 0;
  margin: 0;
  display: grid;
  grid-template-rows: auto minmax(34px, auto);
  gap: 12px;
}
.art > figure { margin: 0; display: contents; }
.art[href] { color: inherit; text-decoration: none; }
.art[href] img { transition: transform .5s ease, opacity .5s ease; }
.art[href]:hover img { transform: scale(.985); opacity: .86; }
.art img {
  width: 100%;
  object-fit: contain;
  background: #252223;
}
.art-a { grid-column: 1 / 6; grid-row: 1 / 3; }
.art-a img { aspect-ratio: 4 / 5; }
.art-b { grid-column: 7 / 13; grid-row: 1; }
.art-b img { aspect-ratio: 2.15 / 1; }
.art-c { grid-column: 7 / 10; grid-row: 2; }
.art-d { grid-column: 10 / 13; grid-row: 2; }
.art-c img, .art-d img { aspect-ratio: 4 / 5; }
.art figcaption { color: rgba(242,239,232,.67); }
.art figcaption strong { color: var(--paper); font-weight: 400; }
.art-c figcaption, .art-d figcaption { font-size: 10px; }

.projects-strip {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  gap: 7vw;
  align-items: start;
  background:
    linear-gradient(90deg, rgba(180, 129, 70, .16), transparent 44%),
    var(--paper-deep);
  border-top: 1px solid var(--line);
}

.projects-copy {
  position: sticky;
  top: 34px;
}

.projects-copy p:not(.eyebrow) {
  max-width: 420px;
  color: var(--muted);
  line-height: 1.55;
}

.project-list {
  display: grid;
  gap: 24px;
}

.project-card {
  display: grid;
  grid-template-columns: minmax(130px, .55fr) 1fr;
  gap: 28px;
  align-items: center;
  min-height: 220px;
  padding: 24px 0;
  border-top: 1px solid rgba(24, 23, 22, .18);
  color: inherit;
  text-decoration: none;
}

.project-card:last-child { border-bottom: 1px solid rgba(24, 23, 22, .18); }
.project-card img { height: 220px; object-fit: cover; object-position: center; }
.project-card div {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 7px 16px;
}
.project-card span {
  grid-row: 1 / 3;
  color: var(--red);
  font-size: 11px;
  letter-spacing: .1em;
}
.project-card strong {
  font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  font-size: clamp(30px, 3vw, 52px);
  font-weight: 400;
  line-height: .95;
}
.project-card small {
  max-width: 420px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.45;
}

.about {
  display: grid;
  grid-template-columns: 1fr 7fr 2fr;
  gap: 4vw;
  align-items: start;
}
.about blockquote {
  margin: 0;
  font-size: clamp(48px, 6.3vw, 100px);
  line-height: .97;
}
.about-note { padding-top: 20vw; color: var(--muted); line-height: 1.5; }

.studio-flow {
  display: grid;
  grid-template-columns: minmax(260px, .55fr) minmax(0, 1fr);
  gap: 8vw;
  align-items: center;
  color: var(--paper);
  background:
    linear-gradient(135deg, rgba(99, 80, 110, .28), transparent 48%),
    var(--night);
}

.studio-flow figure { margin: 0; }
.studio-flow img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
  background: #252223;
}

.studio-flow h2 { max-width: 900px; }
.studio-flow ol {
  margin: 6vw 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  border-top: 1px solid rgba(242,239,232,.28);
}
.studio-flow li {
  padding: 24px 24px 0 0;
  border-right: 1px solid rgba(242,239,232,.28);
}
.studio-flow li + li { padding-left: 24px; }
.studio-flow li:last-child { border-right: 0; }
.studio-flow li span {
  display: block;
  margin-bottom: 42px;
  color: rgba(242,239,232,.52);
  font-size: 11px;
}
.studio-flow li strong {
  display: block;
  margin-bottom: 10px;
  font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  font-size: 30px;
  font-weight: 400;
}
.studio-flow li p {
  margin: 0;
  color: rgba(242,239,232,.66);
  line-height: 1.55;
}

.commissions {
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 7vw;
}
.commission-copy { align-self: end; max-width: 430px; font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif; font-size: 25px; }
.button {
  display: inline-block;
  margin-top: 24px;
  padding: 16px 24px;
  border: 1px solid;
  text-decoration: none;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
}
.button:hover { color: var(--paper); background: var(--ink); }
.button-solid {
  margin-top: 0;
  color: var(--paper);
  background: var(--ink);
}
.button-solid:hover { background: var(--red); border-color: var(--red); }

footer { padding-bottom: 4vw; color: var(--paper); background: var(--violet); }
footer h2 { max-width: 900px; }
.contact-link {
  display: inline-block;
  margin: 5vw 0 10vw;
  font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  font-size: clamp(28px, 4vw, 68px);
  text-underline-offset: 10px;
}
.footer-row { padding-top: 20px; border-top: 1px solid rgba(255,255,255,.3); display: flex; justify-content: space-between; font-size: 12px; }

@media (max-width: 850px) {
  .site-header { position: absolute; }
  .menu-button {
    display: block;
    border: 0;
    background: transparent;
    font: inherit;
  }
  nav {
    display: none;
    position: absolute;
    top: 65px;
    right: 4vw;
    flex-direction: column;
    padding: 22px;
    background: var(--paper);
    box-shadow: 0 20px 40px rgba(0,0,0,.1);
  }
  nav.open { display: flex; }
  .hero { grid-template-columns: 1fr; padding-top: 120px; gap: 54px; }
  .hero-art { margin-left: 10vw; }
  .hero-art img { height: auto; max-height: 74vh; }
  .hero-note { margin: 0 0 20px 10vw; }
  .worlds { display: block; }
  .section-heading, .world-card { margin-bottom: 90px; }
  .world-card { margin-top: 0; }
  .world-card img { height: auto; max-height: none; }
  .art-grid { grid-template-columns: 1fr; gap: 64px; }
  .art { margin: 0; }
  .art-a, .art-b, .art-c, .art-d {
    grid-column: 1;
    grid-row: auto;
  }
  .art-a img, .art-b img, .art-c img, .art-d img {
    aspect-ratio: auto;
    max-height: 72vh;
  }
  .selected-intro, .projects-strip, .studio-flow, .commissions { display: block; }
  .selected-intro { margin-bottom: 70px; }
  .projects-copy { position: static; margin-bottom: 60px; }
  .project-card { grid-template-columns: 1fr; }
  .project-card img { height: auto; max-height: 62vh; }
  .about { grid-template-columns: 1fr; }
  .about-note { padding-top: 20px; }
  .studio-flow figure { margin-bottom: 54px; }
  .studio-flow ol { grid-template-columns: 1fr; }
  .studio-flow li, .studio-flow li + li {
    padding: 24px 0;
    border-right: 0;
    border-bottom: 1px solid rgba(242,239,232,.25);
  }
  .studio-flow li span { margin-bottom: 20px; }
  .commission-copy { margin-top: 80px; }
  .footer-row { gap: 24px; flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Inner pages */
.inner-page .inner-header { position: relative; }
.inner-page main { min-height: 70vh; }
.inner-header nav .active { text-decoration: underline; text-underline-offset: 6px; }
.close-link { margin-top: 8px; text-decoration: none; font-size: 13px; }

.work-hero {
  min-height: calc(100vh - 90px);
  padding: 7vw 6vw 5vw;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr auto;
  gap: 4vw 8vw;
  align-items: end;
}
.work-hero h1 { margin-bottom: 0; }
.work-intro {
  max-width: 430px;
  margin-bottom: 2vw;
  font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.3;
}
.collection-index {
  grid-column: 1 / -1;
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.collection-index a {
  padding: 22px 2px;
  display: flex;
  gap: 18px;
  text-decoration: none;
  border-right: 1px solid var(--line);
}
.collection-index a:last-child { border-right: 0; }
.collection-index span { color: var(--muted); font-size: 11px; }

.collection { padding: 9vw 6vw 12vw; border-top: 1px solid var(--line); }
.collection-heading {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 5vw;
  align-items: end;
  margin-bottom: 9vw;
}
.collection-heading h2 { margin: 0; }
.collection-heading > p:last-child { max-width: 360px; margin: 0; color: var(--muted); line-height: 1.55; }
.collection-grid, .portrait-grid, .organic-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 7vw 28px; align-items: start; }
.work-item { min-width: 0; color: inherit; text-decoration: none; }
.work-item figure { margin: 0; }
.work-item img { background: rgba(24,23,22,.05); object-fit: cover; transition: transform .45s ease, opacity .45s ease; }
.work-item:hover img { transform: translateY(-5px); opacity: .86; }
.feature-tall { grid-column: 1 / 6; grid-row: 1 / 3; }
.feature-tall img { aspect-ratio: 4 / 5; }
.feature-wide { grid-column: 7 / 13; }
.feature-wide img { aspect-ratio: 5 / 3; }
.fine-grid > .work-item:nth-child(3) { grid-column: 7 / 10; }
.fine-grid > .work-item:nth-child(4) { grid-column: 10 / 13; margin-top: 6vw; }
.fine-grid > .work-item:nth-child(3) img, .fine-grid > .work-item:nth-child(4) img { aspect-ratio: 3 / 4; }
.full-span { grid-column: 2 / 12; margin-top: 3vw; }
.full-span img { aspect-ratio: 2.1 / 1; object-fit: contain; }

.dark-collection { color: var(--paper); background: #1d1b1c; }
.dark-collection .collection-heading > p:last-child, .dark-collection figcaption { color: rgba(242,239,232,.65); }
.portrait-lead { grid-column: 1 / 6; grid-row: 1 / 3; }
.portrait-lead img { aspect-ratio: 4 / 5; }
.portrait-small { grid-column: 7 / 10; }
.portrait-small.lower { grid-column: 10 / 13; margin-top: 8vw; }
.portrait-small img { aspect-ratio: 4 / 5; }
.portrait-mid { grid-column: 2 / 6; margin-top: 3vw; }
.portrait-mid img { aspect-ratio: 3 / 4; }
.portrait-wide { grid-column: 7 / 13; }
.portrait-wide img { aspect-ratio: 1.6 / 1; object-position: center 30%; }

.organic-main { grid-column: 1 / 5; grid-row: 1 / 3; }
.organic-main img { aspect-ratio: 3 / 4; }
.organic-landscape { grid-column: 6 / 13; }
.organic-landscape img { aspect-ratio: 1.8 / 1; }
.organic-square { grid-column: 6 / 10; margin-top: 5vw; }
.organic-square img { aspect-ratio: 1 / 1; }
.organic-long { grid-column: 3 / 13; margin-top: 3vw; }
.organic-long img { aspect-ratio: 2.15 / 1; object-fit: contain; }
.next-step { padding: 11vw 6vw; color: var(--paper); background: var(--violet); }
.next-step h2 { max-width: 1000px; }
.next-step .contact-link { margin-bottom: 0; }
.compact-footer { padding-top: 4vw; background: #1d1b1c; }

/* Artwork detail */
.artwork-view {
  min-height: calc(100vh - 90px);
  padding: 4vw 6vw 3vw;
  display: grid;
  grid-template-columns: 60px minmax(420px, 1.5fr) minmax(280px, .7fr);
  grid-template-rows: 1fr auto;
  gap: 3vw;
  align-items: center;
}
.artwork-number { align-self: start; display: flex; flex-direction: column; gap: 6px; font-size: 11px; color: var(--muted); }
.artwork-image { margin: 0; height: min(75vh, 850px); }
.artwork-image img { width: 100%; height: 100%; object-fit: contain; }
.artwork-details h1 { margin: 14px 0 36px; font-size: clamp(64px, 7vw, 120px); }
.artwork-details dl { margin: 0; border-top: 1px solid var(--line); }
.artwork-details dl div { padding: 12px 0; display: grid; grid-template-columns: 1fr 2fr; border-bottom: 1px solid var(--line); font-size: 12px; }
.artwork-details dt { color: var(--muted); }
.artwork-details dd { margin: 0; }
.artwork-note { margin-top: 32px; max-width: 430px; font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif; font-size: 20px; line-height: 1.45; }
.artwork-pager { grid-column: 2 / -1; padding-top: 20px; border-top: 1px solid var(--line); justify-content: space-between; }

/* Commissions */
.commission-hero {
  min-height: calc(100vh - 90px);
  padding: 5vw 6vw 8vw;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 7vw;
  align-items: center;
  overflow: hidden;
}
.commission-hero-copy h1 { font-size: clamp(70px, 8.5vw, 142px); }
.commission-hero-copy > p:not(.eyebrow) { max-width: 500px; font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif; font-size: clamp(21px, 2vw, 30px); line-height: 1.35; }
.commission-collage { min-height: 700px; position: relative; }
.commission-img { position: absolute; width: 47%; object-fit: cover; box-shadow: 0 24px 60px rgba(40,34,32,.13); }
.commission-img.one { left: 0; top: 3%; height: 61%; transform: rotate(-2deg); }
.commission-img.two { right: 1%; top: 17%; height: 58%; transform: rotate(2.5deg); }
.commission-img.three { left: 25%; bottom: 0; width: 39%; height: 47%; transform: rotate(.8deg); }
.commission-types { padding: 10vw 6vw; color: var(--paper); background: #1d1b1c; display: grid; grid-template-columns: 1fr 1.1fr; gap: 8vw; }
.commission-types header { position: sticky; top: 40px; align-self: start; }
.commission-types ol { margin: 0; padding: 0; list-style: none; }
.commission-types li { padding: 30px 0; display: grid; grid-template-columns: 50px 1fr; gap: 16px; border-top: 1px solid rgba(242,239,232,.25); }
.commission-types li > span, .process article > span { color: rgba(242,239,232,.55); font-size: 11px; }
.commission-types h3, .process h3 { margin: 0 0 12px; font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif; font-size: 32px; font-weight: 400; }
.commission-types li p, .process article p { max-width: 500px; margin: 0; color: rgba(242,239,232,.65); line-height: 1.55; }
.process { padding: 10vw 6vw; }
.process-grid { margin-top: 6vw; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }
.process article { padding: 24px 24px 24px 0; border-right: 1px solid var(--line); }
.process article + article { padding-left: 24px; }
.process article:last-child { border-right: 0; }
.process h3 { margin-top: 45px; }
.process article p { color: var(--muted); }
.enquiry { padding: 10vw 6vw; display: grid; grid-template-columns: .9fr 1.1fr; gap: 9vw; background: #ddd7cd; }
.enquiry header > p:last-child { max-width: 390px; margin-top: 32px; font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif; font-size: 22px; line-height: 1.4; }
.enquiry-form { align-self: end; display: grid; grid-template-columns: 1fr 1fr; gap: 30px 24px; }
.enquiry-form label { display: grid; gap: 9px; }
.enquiry-form label span { font-size: 11px; text-transform: uppercase; letter-spacing: .12em; }
.enquiry-form input, .enquiry-form select, .enquiry-form textarea {
  width: 100%; padding: 12px 0; border: 0; border-bottom: 1px solid var(--ink); border-radius: 0;
  background: transparent; color: var(--ink); font: 17px "Iowan Old Style", Georgia, serif;
}
.enquiry-form textarea { resize: vertical; }
.full-field { grid-column: 1 / -1; }
.form-button { justify-self: start; background: transparent; cursor: pointer; }
.enquiry-form small { align-self: center; color: var(--muted); line-height: 1.4; }

@media (max-width: 850px) {
  .work-hero { min-height: auto; padding-top: 80px; grid-template-columns: 1fr; }
  .work-intro, .collection-index { grid-column: 1; }
  .collection-index { margin-top: 40px; grid-template-columns: 1fr; }
  .collection-index a { border-right: 0; border-bottom: 1px solid var(--line); }
  .collection-heading { grid-template-columns: 1fr; margin-bottom: 70px; }
  .collection-grid, .portrait-grid, .organic-grid { grid-template-columns: 1fr; gap: 65px; }
  .feature-tall, .feature-wide, .fine-grid > .work-item:nth-child(3), .fine-grid > .work-item:nth-child(4),
  .full-span, .portrait-lead, .portrait-small, .portrait-small.lower, .portrait-mid, .portrait-wide,
  .organic-main, .organic-landscape, .organic-square, .organic-long {
    grid-column: 1; grid-row: auto; margin-top: 0;
  }
  .artwork-view { padding-top: 45px; grid-template-columns: 1fr; }
  .artwork-number { flex-direction: row; }
  .artwork-image { height: auto; max-height: none; }
  .artwork-details h1 { margin-top: 12px; }
  .artwork-pager { grid-column: 1; }
  .commission-hero { grid-template-columns: 1fr; padding-top: 70px; }
  .commission-collage { min-height: 560px; margin-top: 30px; }
  .commission-types, .enquiry { grid-template-columns: 1fr; }
  .commission-types header { position: static; }
  .process-grid { grid-template-columns: 1fr 1fr; }
  .process article:nth-child(2) { border-right: 0; }
  .process article:nth-child(3), .process article:nth-child(4) { border-top: 1px solid var(--line); }
  .enquiry-form { grid-template-columns: 1fr; }
  .full-field { grid-column: 1; }
}

@media (max-width: 520px) {
  .work-hero, .collection, .next-step, .commission-hero, .commission-types, .process, .enquiry { padding-left: 5vw; padding-right: 5vw; }
  .commission-collage { min-height: 430px; }
  .process-grid { grid-template-columns: 1fr; }
  .process article, .process article + article { padding: 24px 0; border-right: 0; border-top: 1px solid var(--line); }
}