@import url("https://use.typekit.net/aob0oor.css");
.page-head + .inner:has(.detail) {
  padding-top: 0; }
  .page-head + .inner:has(.detail) .detail {
    display: flex;
    gap: 9rem;
    align-items: center; }
    .page-head + .inner:has(.detail) .detail .img {
      flex: 1; }
      .page-head + .inner:has(.detail) .detail .img .note {
        right: inherit;
        left: 1rem; }
    .page-head + .inner:has(.detail) .detail .copy {
      width: 35%; }
    .page-head + .inner:has(.detail) .detail .lead {
      margin-top: 3rem; }
    .page-head + .inner:has(.detail) .detail:nth-child(1) .copy {
      order: 1; }
    .page-head + .inner:has(.detail) .detail:nth-child(1) .img {
      order: 2;
      margin-right: calc(50% - 50vw + 6px); }
    .page-head + .inner:has(.detail) .detail:nth-child(2) {
      margin-top: 10rem; }
      .page-head + .inner:has(.detail) .detail:nth-child(2) .img {
        margin-left: calc(50% - 50vw + 6px); }

.inner:has(.highland-coast) {
  padding-top: 0; }
  .inner:has(.highland-coast) .detail {
    position: relative;
    margin-top: 8rem; }
    .inner:has(.highland-coast) .detail .copy {
      max-width: 700px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      text-align: left; }
      .inner:has(.highland-coast) .detail .copy .lead {
        margin-top: 3rem;
        max-width: 350px; }

@media screen and (max-width: 900px) {
  .page-head + .inner:has(.detail) .detail {
    gap: 5rem; }

  .inner:has(.highland-coast) .detail {
    margin-top: 12rem; }
    .inner:has(.highland-coast) .detail .copy {
      top: -5rem; } }
@media screen and (max-width: 768px) {
  .page-head + .inner:has(.detail) {
    width: 100%; }
    .page-head + .inner:has(.detail) .detail {
      flex-direction: column; }
      .page-head + .inner:has(.detail) .detail .img .note {
        right: inherit;
        left: 1rem; }
      .page-head + .inner:has(.detail) .detail .copy {
        width: 90%;
        margin-inline: auto; }
      .page-head + .inner:has(.detail) .detail .lead {
        margin-top: 2rem; }
      .page-head + .inner:has(.detail) .detail:nth-child(1) .copy {
        order: 2; }
      .page-head + .inner:has(.detail) .detail:nth-child(1) .img {
        order: 1;
        margin-right: 0; }
      .page-head + .inner:has(.detail) .detail:nth-child(2) {
        margin-top: 6rem; }
        .page-head + .inner:has(.detail) .detail:nth-child(2) .img {
          margin-left: 0; }

  .inner:has(.highland-coast) {
    padding-top: 0; }
    .inner:has(.highland-coast) .detail {
      display: flex;
      flex-direction: column;
      margin-top: 3rem; }
      .inner:has(.highland-coast) .detail .copy {
        order: 2;
        max-width: 1100px;
        position: static;
        margin-top: 5rem; }
        .inner:has(.highland-coast) .detail .copy .lead {
          max-width: 1100px;
          margin-top: 2rem; }
      .inner:has(.highland-coast) .detail .img {
        order: 1; } }