.journal-wrap {
  width:min(1320px, calc(100% - 112px));
  margin-inline:auto;
}
.journal-masthead {
  position:relative;
  margin-top:var(--edge);
  padding:65px 0 0 14px;
}
.journal-masthead > .nav {
  inset:0 0 auto;
  background:#f3f4f6;
  box-shadow:0 5px 14px #20211f12;
}
.journal-masthead--landing.journal-masthead {padding-inline:0}
.journal-nav {
  --journal-control-size:38px;
  --journal-search-surface:#eff0f3;
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:24px 10px 12px 28px;
  border-radius:0 0 20px 20px;
  background:#fafafb;
}
.journal-home,.journal-all {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  text-decoration:none;
  white-space:nowrap;
}
.journal-home {
  font:650 16px/1.2 Onest,Arial,sans-serif;
}
.journal-home:hover,.journal-all:hover,.journal-filter-toggle:hover {
  text-decoration:underline;
  text-underline-offset:3px;
}
.journal-all {
  min-height:var(--journal-control-size);
  padding-inline:13px;
  border-radius:12px;
  background:#ebedf0;
  font-size:12px;
  font-weight:750;
}
.journal-actions {
  display:flex;
  align-items:center;
  gap:12px;
}
.journal-search,.journal-filter {
  position:relative;
}
.journal-search-toggle,.journal-filter-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:var(--journal-control-size);
  border:0;
  color:var(--ink);
  font-weight:700;
}
.journal-search-toggle {
  position:relative;
  z-index:1;
  width:var(--journal-control-size);
  border-radius:50%;
  background:var(--journal-search-surface);
}
.journal-search-toggle svg:last-child,.journal-search[data-open] .journal-search-toggle svg:first-child {
  display:none;
}
.journal-search[data-open] .journal-search-toggle svg:last-child {
  display:block;
}
.journal-filter-toggle {
  padding:0 5px;
  background:transparent;
  font-size:12px;
}
.journal-filter-toggle[aria-expanded=true] svg {
  transform:rotate(180deg);
}
.journal-search-form {
  position:absolute;
  top:0;
  right:0;
  width:var(--journal-control-size);
  height:var(--journal-control-size);
  margin:0;
  overflow:hidden;
  visibility:hidden;
  border-radius:24px;
  background:var(--journal-search-surface);
  transition:width .24s ease,visibility 0s .24s;
}
.journal-search[data-open] .journal-search-form {
  width:min(400px,calc(100vw - 265px));
  visibility:visible;
  transition-delay:0s;
}
.journal-search-form input {
  appearance:none;
  width:100%;
  height:100%;
  padding:0 calc(var(--journal-control-size) + 8px) 0 15px;
  border:0;
  border-radius:inherit;
  background:transparent;
  color:var(--ink);
  font:inherit;
  outline:none;
}
.journal-search-form input::-webkit-search-cancel-button {
  display:none;
}
.journal-search-results,.journal-filter-options {
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:min(400px,calc(100vw - 265px));
  max-height:min(420px,60vh);
  overflow:auto;
  padding:16px;
  border:1px solid #e6e7eb;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 35px #20211f24;
}
.journal-search-results:not([hidden]),.journal-filter-options:not([hidden]) {
  animation:journal-popover-in .18s ease-out;
}
@keyframes journal-popover-in {
  from {opacity:0;transform:translateY(-6px)}
  to {opacity:1;transform:translateY(0)}
}
.journal-search-results p,.journal-filter-options>p {
  margin:0 0 8px;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}
.journal-search-results ul {
  margin:0;
  padding:0;
  list-style:none;
}
.journal-search-results li+li {
  border-top:1px solid var(--grey);
}
.journal-search-results li a {
  display:block;
  padding:9px 4px;
  text-decoration:none;
}
.journal-search-results li a:hover strong {
  text-decoration:underline;
  text-underline-offset:3px;
}
.journal-search-results li strong,.journal-search-results li span {
  display:block;
}
.journal-search-results li strong {font-size:14px;line-height:1.35}
.journal-search-results li span {margin-top:4px;color:var(--muted);font-size:12px}
.journal-filter-options {
  width:240px;
}
.journal-filter-chips>a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:44px;
  padding:8px 9px;
  border-radius:8px;
  font-size:14px;
  text-decoration:none;
}
.journal-filter-chips>a:hover,.journal-filter-chips>a[aria-current] {
  text-decoration:underline;
  text-underline-offset:3px;
}
.journal-filter-chips span {color:var(--muted);font-size:12px}
.journal-collection-intro {
  margin-top:44px;
}
.journal-collection-intro p,.journal-results {
  color:var(--muted);
}
.journal-listing {
  margin-block:36px 88px;
}
.journal-collection--landing .journal-listing {
  margin-block-start:clamp(52px,6vw,80px);
}
.journal-collection--landing .journal-results {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.journal-tools {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:24px;
}
.journal-results {font-size:14px}
.journal-card .action {
  min-height:44px;
  gap:12px;
  padding:5px 5px 5px 14px;
  border-radius:13px;
}
.journal-card .marker {
  width:34px;
  height:34px;
  border-radius:10px;
}
.journal-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.journal-card {
  min-width:0;
  overflow:hidden;
  border-radius:24px;
  background:var(--panel);
}
.journal-card>a {
  display:flex;
  flex-direction:column;
  height:100%;
  text-decoration:none;
}
.journal-card>a:focus-visible {
  outline-offset:-4px;
}
.journal-card-photo {
  overflow:hidden;
  aspect-ratio:16/10;
}
.journal-card-photo img,.journal-figure img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.journal-card-copy {
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:start;
  gap:14px;
  padding:24px;
}
.journal-card-copy>p {
  margin:0 0 6px;
  color:var(--muted);
  font-size:15px;
}
.journal-card-author {
  display:flex;
  flex-wrap:wrap;
  gap:3px 12px;
  color:var(--muted);
  font-size:13px;
}
.journal-editions {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.journal-collection:not([data-filtered]) .journal-feature {
  grid-column:1/-1;
  background:transparent;
}
.journal-collection:not([data-filtered]) .journal-feature>a {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);
  grid-template-areas:"copy photo";
  gap:10px;
}
.journal-collection:not([data-filtered]) .journal-feature .journal-card-copy {
  grid-area:copy;
  padding:clamp(22px,3vw,42px);
  border-radius:24px;
  background:var(--panel);
}
.journal-collection:not([data-filtered]) .journal-feature .journal-card-photo {
  grid-area:photo;
  aspect-ratio:auto;
  min-height:350px;
  border-radius:24px;
}
.journal-collection:not([data-filtered]) .journal-feature h3 {
  font-size:clamp(28px,2.5vw,30px);
}
.journal-card-copy .action {
  margin-top:auto;
}
.journal-card>a:is(:hover,:focus-visible) .marker svg {
  transform:translateX(3px);
}
.journal-archive {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 36px;
}
.journal-archive .journal-card {
  border-radius:0;
  border-bottom:1px solid var(--grey);
  background:transparent;
}
.journal-archive .journal-card>a {
  display:grid;
  grid-template-columns:96px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding-block:18px;
}
.journal-archive .journal-card-photo {
  aspect-ratio:1;
  border-radius:14px;
}
.journal-archive .journal-card-copy {
  gap:8px;
  padding:0;
}
.journal-archive h3 {
  font-size:var(--heading-4);
}
.journal-article {
  padding-block:60px 88px;
}
.journal-reading {
  width:min(720px, calc(100% - 48px));
  margin-inline:auto;
}
.journal-header {
  margin-bottom:52px;
}
.journal-header h1 {
  font-size:clamp(38px, 4.2vw, 60px);
  overflow-wrap:break-word;
}
.journal-header>p {
  max-width:62ch;
  color:var(--muted);
  font-size:18px;
}
.journal-meta {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 12px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.journal-header .journal-meta {
  margin-bottom:16px;
  font-size:13px;
}
.journal-meta span {
  color:var(--accent);
  text-transform:uppercase;
  letter-spacing:.05em;
}
.journal-byline {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  margin-top:20px;
  font-weight:750;
}
.journal-linkedin {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  min-height:44px;
  width:112px;
  position:relative;
  isolation:isolate;
  padding-inline:7px;
  color:#fff;
  font-size:13px;
  line-height:1.2;
  text-decoration:none;
}
.journal-linkedin::before {
  content:'';
  position:absolute;
  inset:8px 0;
  z-index:-1;
  border-radius:8px;
  background:#0a66c2;
}
.journal-linkedin:hover::before {
  background:#004182;
}
.journal-linkedin svg:last-child {
  width:14px;
  height:14px;
}
.journal-figure {
  width:min(84%, 1120px);
  margin:0 auto 52px;
  overflow:hidden;
  border-radius:24px;
  aspect-ratio:1.85;
}
.journal-figure img[src^="/images/field-dam-colleagues-"],
.journal-feature img[src^="/images/field-dam-colleagues-"] {
  object-position:center bottom;
  transform:scale(1.7);
  transform-origin:center bottom;
}
.journal-body {
  color:var(--muted);
  font-size:17px;
  line-height:1.75;
}
.journal-body p {
  max-width:none;
}
.journal-body p+p {
  margin-top:16px;
}
.journal-body h2 {
  color:var(--ink);
}
.journal-opening {
  font-size:19px;
  color:var(--ink);
}
.journal-body section {
  margin-top:42px;
}
.journal-body a {
  color:var(--accent);
  text-underline-offset:.2em;
}
.journal-related {
  margin-block:72px;
}
.journal-related>h2 {
  margin-bottom:24px;
}
.journal-enquiry .pma-contact-form-row > .section_inner {
  max-width:1100px;
}
.journal-enquiry .pma-contact-form-refresh {
  padding-block:64px!important;
}
.journal-enquiry .pma-contact-form-card .form-status:empty {
  margin:0;
}
.journal-enquiry + .journal-related {
  margin-top:0;
}
@media (min-width:701px) and (max-width:1199px) {
  .journal-nav {padding-right:14px}
}
@media(max-width:1100px) {
  .journal-wrap {width:calc(100% - 64px)}
  .journal-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px) {
  .journal-wrap {width:calc(100% - 40px)}
  .journal-listing {margin-block:28px 56px}
  .journal-grid {grid-template-columns:1fr;gap:20px}
  .journal-archive {gap:0}
  .journal-card {border-radius:18px}
  .journal-card-copy {padding:22px}
  .journal-archive .journal-card>a {grid-template-columns:72px minmax(0,1fr) auto;gap:12px}
  .journal-masthead {padding:56px 4px 0 6px}
  .journal-nav {--journal-control-size:40px;flex-wrap:wrap;gap:0 6px;padding:20px 10px 12px 12px}
  .journal-actions {gap:8px;margin-left:auto}
  .journal-home {min-height:36px;font-size:13px}
  .journal-all {font-size:12px;padding-inline:9px}
  .journal-filter-toggle {font-size:12px}
  .journal-search,.journal-filter {position:static}
  .journal-search-form,.journal-filter-options {top:calc(100% + 8px);right:8px}
  .journal-search-form {width:0}
  .journal-search[data-open] .journal-search-form,.journal-search-results {width:calc(100% - 16px)}
  .journal-search-form input {padding-right:15px}
  .journal-search-results {top:calc(100% + var(--journal-control-size) + 16px);right:8px}
  .journal-filter-options {width:min(240px,calc(100% - 16px))}
  .journal-collection-intro {margin-top:32px}
  .journal-collection:not([data-filtered]) .journal-feature>a {
    grid-template-columns:1fr;
    grid-template-areas:"photo" "copy";
  }
  .journal-collection:not([data-filtered]) .journal-feature .journal-card-copy,
  .journal-collection:not([data-filtered]) .journal-feature .journal-card-photo {border-radius:18px}
  .journal-collection:not([data-filtered]) .journal-feature .journal-card-photo {aspect-ratio:16/10;min-height:0}
  .journal-article {padding-block:40px 56px}
  .journal-header,.journal-figure {margin-bottom:34px}
  .journal-header h1 {font-size:clamp(33px, 9vw, 39px)}
  .journal-header>p,.journal-body {font-size:16px}
  .journal-figure {width:calc(100% - 32px);aspect-ratio:1.25;border-radius:18px}
  .journal-figure img[src^="/images/field-dam-colleagues-"] {transform:scale(1.9)}
  .journal-body section {margin-top:36px}
  .journal-related {margin-block:52px}
  .journal-enquiry .pma-contact-form-refresh {padding-block:48px!important}
}

@media(prefers-reduced-motion:reduce) {
  .journal-search-form {transition:none}
  .journal-search-results:not([hidden]),.journal-filter-options:not([hidden]) {animation:none}
}
