.page-haakonshoppery { --page-top: 98px; }
.page-haakonshoppery .hop-intro { display: grid; grid-template-columns: minmax(0, 615px) 249px; margin-left: 12px; padding-top: 5px; }
.page-haakonshoppery .hop-intro > .figure { width: 684px; max-width: calc(100vw - 40px); }
.page-haakonshoppery .hop-summary { display: flex; flex-direction: column; padding-top: 3px; }
.page-haakonshoppery .hop-title { order: 0; }
.page-haakonshoppery .hop-tagline { order: 1; margin-top: 54px; }
.page-haakonshoppery .hop-place { order: 2; margin-top: 49px; min-height: 80px; }
.page-haakonshoppery .hop-credits { order: 3; margin-top: 5px; }
.page-haakonshoppery .hop-body { display: flex; flex-direction: column; }
.page-haakonshoppery .image-stack { display: grid; gap: 20px; }
.page-haakonshoppery .hop-plan { order: 1; width: 764px; max-width: 100%; margin: 57px auto 0; }
.page-haakonshoppery .hop-copy { width: 264px; max-width: 100%; margin-left: auto; margin-right: 164px; }
.page-haakonshoppery .hop-first-copy { order: 2; min-height: 185px; margin-top: 5px; }
.page-haakonshoppery .hop-middle { order: 3; width: 669px; max-width: 100%; margin: 0 auto; }
.page-haakonshoppery .hop-farm { order: 4; min-height: 320px; margin-top: 32px; }
.page-haakonshoppery .hop-farm > .copy:first-child { min-height: 205px; }
.page-haakonshoppery .hop-structure { order: 5; width: 669px; max-width: 100%; margin: 0 auto; }
.page-haakonshoppery .hop-drawings { order: 6; width: 724px; max-width: 100%; margin: 20px auto 0; }
.page-haakonshoppery .hop-community { order: 7; min-height: 205px; margin-top: 60px; }
.page-haakonshoppery .hop-final { order: 8; width: 702px; max-width: 100%; margin: 6px auto 0; }
.page-haakonshoppery .related { width: 723px; max-width: 100%; margin: 50px auto 0; }
@media (min-width: 600px) and (max-width: 979px) {
  .page-haakonshoppery .hop-intro { grid-template-columns: 62% 38%; margin-left: 0; }
  .page-haakonshoppery .hop-intro > .figure { width: 110%; max-width: none; }
  .page-haakonshoppery .hop-copy { margin-right: 5%; }
}
@media (max-width: 599px) {
  .page-haakonshoppery .hop-intro { display: block; margin-left: 0; padding-top: 0; }
  .page-haakonshoppery .hop-intro > .figure { width: 100%; }
  .page-haakonshoppery .hop-summary { gap: 22px; padding-top: 30px; }
  .page-haakonshoppery .hop-title { text-align: center; }
  .page-haakonshoppery .hop-place { order: 1; }
  .page-haakonshoppery .hop-tagline { order: 2; }
  .page-haakonshoppery .hop-summary > * { margin-top: 0; min-height: 0; }
  .page-haakonshoppery .hop-body > * { width: 100%; margin: 26px 0 0; min-height: 0; }
  .page-haakonshoppery .hop-farm { order: 5; }
  .page-haakonshoppery .hop-farm > .copy:first-child { min-height: 0; }
  .page-haakonshoppery .hop-structure { order: 4; }
  .page-haakonshoppery .hop-community { order: 9; }
}