.turtle-current-hero { grid-template-columns: 1.2fr 1fr; gap: 7vw; }
.turtle-current-screen { margin: 0; width: min(100%,340px); justify-self: center; }
.turtle-current-screen img { display: block; width: 100%; height: auto; border-radius: 14px; box-shadow: 0 24px 45px #36234826; }
.turtle-current-screen figcaption { font-size: 12px; line-height: 1.7; margin-top: 20px; }
.turtle-current-screen a { text-underline-offset: 4px; }
.turtle-present, .turtle-building, .turtle-alliance { padding: 90px 8vw; }
.turtle-present { background: #f1dfff; }
.turtle-present header, .turtle-building header, .turtle-alliance header, .turtle-infinity { display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; align-items: start; }
.turtle-product-index { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px 7vw; margin: 55px 0 0; }
.turtle-product-index > div { border-top: 1px solid #74539366; padding-top: 22px; }
.turtle-product-index dt { font: 26px/1.2 Georgia,serif; margin-bottom: 14px; }
.turtle-product-index dd { margin: 0; font-size: 17px; line-height: 1.75; max-width: 55ch; }
.turtle-building { background: #40254e; color: #f1dfff; }
.turtle-work-list { margin-top: 55px; }
.turtle-work-list article { display: grid; grid-template-columns: 1fr 1.5fr; gap: 18px 7vw; padding: 35px 0; border-top: 1px solid #f1dfff55; }
.turtle-work-list article h4 { grid-row: span 2; }
#chapter .turtle-work-list article p { margin: 0; }
.turtle-infinity { margin-top: 45px; padding-top: 45px; border-top: 1px solid #f1dfff55; }
.turtle-alliance { background: #efdfef; }
.turtle-alliance > .story-photo { margin-top: 50px; }
.turtle-alliance-close { display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; align-items: center; margin-top: 65px; }
.turtle-alliance-close > .story-photo { max-width: 400px; }
.turtle-alliance-close h3 { margin-bottom: 25px !important; }
.turtle-alliance-close .story-action { margin-top: 25px; }
@media (max-width: 760px) {
  .turtle-present, .turtle-building, .turtle-alliance { padding: 55px 25px; }
  .turtle-present header, .turtle-building header, .turtle-alliance header, .turtle-infinity, .turtle-product-index, .turtle-work-list article, .turtle-alliance-close { grid-template-columns: 1fr; gap: 25px; }
  .turtle-current-screen { margin-top: 20px; }
  .turtle-product-index, .turtle-work-list { margin-top: 35px; }
  .turtle-work-list article h4 { grid-row: auto; }
  .turtle-alliance-close { margin-top: 40px; }
  .turtle-alliance-close > .story-photo { max-width: 85%; }
}