/* original-plus: the additions to the original site. Loaded by the home page (tools/plus.py adds the <link>). */

/* "Configure your sword" under the hero's subtitle: the design system's button (plus/system.css); only its place is set here. */
.elementor-2272 .elementor-element.elementor-element-cf9a7e2 > .elementor-widget-container { padding: 10px 0 0 0; }
.elementor-2272 .elementor-element.elementor-element-cf9a7e2.elementor-element { --align-self: flex-start; }

/* the home hero, arranged as on the new site: the headline, the line under it and the button at the upper left, always left-justified, whatever the window; the paragraph
   at the bottom right, always right-justified; the dagger stays at the foot. The text is not held in the page builder's 1140 px box: it runs from a gutter at the left
   edge of the hero to the same gutter at the right edge, at any width of window (50 px, as the header's logo has at ordinary widths; 60 px on a tablet) */
.elementor-2272 .elementor-element.elementor-element-d8e472e { --padding-left: 50px; --padding-right: 50px; }
.elementor-2272 .elementor-element.elementor-element-d8e472e > .e-con-inner { align-items: flex-start; justify-content: flex-start; max-width: none; padding: 56px 0 60px; position: relative; }
.elementor-2272 .elementor-element.elementor-element-6466c05, .elementor-2272 .elementor-element.elementor-element-2bd5a27, .elementor-2272 .elementor-element.elementor-element-cf9a7e2 { align-self: flex-start !important; text-align: left !important; width: auto; max-width: 100%; }
.elementor-2272 .elementor-element.elementor-element-6466c05 .elementor-heading-title, .elementor-2272 .elementor-element.elementor-element-2bd5a27 .elementor-heading-title { text-align: left !important; }
.elementor-2272 .elementor-element.elementor-element-cf9a7e2 .elementor-button-wrapper { text-align: left !important; }
.elementor-2272 .elementor-element.elementor-element-cf9a7e2 > .elementor-widget-container { padding: 14px 0 0 0; }
/* the line under the headline sits closer to it: about half the space it had (the widgets are 24 px apart on the design system's 4-point scale, 20 before, and the letters have air above and below them) */
.elementor-2272 .elementor-element.elementor-element-2bd5a27 { margin-top: -25px; }
.elementor-2272 .elementor-element.elementor-element-041dd52 { margin-top: auto; align-self: center; }
/* the sword cross at the foot of the hero, and the paragraph level with it, stand half as far from the hero's bottom edge as they did (the user: 2x closer): the drawing ended 78.9 px above
   the foot (76 px on a tablet), now 39.45 px (38 px), and the text's bottom went from 68.6 px (68 px) to 29.15 px (30 px); on a phone the foot padding that holds both went from 28 px to 14 px */
.elementor-2272 .elementor-element.elementor-element-041dd52 { position: relative; top: 39.45px; }
/* the paragraph at the foot of the hero, its right edge on the right gutter and its last line standing on the level of the foot of the dagger's drawing. The drawing ends
   78.9 px above the foot of the hero (76 px on a tablet, where the dagger is smaller) and the text's last baseline is 10.3 px above the foot of the text box (8.2 px in the
   tablet's smaller type), hence bottom 68.6 px (68 px). It holds at any height of window, now that the dagger no longer moves with the scroll */
.elementor-2272 .elementor-element.elementor-element-cf9a7e4 { position: absolute; right: 0; bottom: 29.15px; width: min(400px, 38%); margin: 0; }
.elementor-2272 .elementor-element.elementor-element-cf9a7e4 > .elementor-widget-container { padding: 0; }
.elementor-2272 .elementor-element.elementor-element-cf9a7e4 p { margin: 0; text-align: right !important; text-wrap: balance; font-family: "Inter", sans-serif; font-size: 20px; font-weight: 400; line-height: 1.65; color: var(--se-paper, #f6f2eb); text-shadow: none; }
@media (max-width: 1024px) {
  .elementor-2272 .elementor-element.elementor-element-d8e472e { --padding-left: 60px; --padding-right: 60px; }
  .elementor-2272 .elementor-element.elementor-element-2bd5a27 { margin-top: -21px; }
  .elementor-2272 .elementor-element.elementor-element-cf9a7e4 { bottom: 30px; }
  .elementor-2272 .elementor-element.elementor-element-041dd52 { top: 38px; }
  .elementor-2272 .elementor-element.elementor-element-cf9a7e4 p { font-size: 16px; }
}
/* a phone (wherever the hamburger shows, 767 px and under): everything in the hero is centred, the headline, the line under it and the button, and the paragraph stands
   below the dagger, centred, at the very foot of the hero (it has no room at the bottom right there: the dagger is at the bottom centre) */
@media (max-width: 767px) {
  .elementor-2272 .elementor-element.elementor-element-d8e472e { --padding-left: 24px; --padding-right: 24px; }
  .elementor-2272 .elementor-element.elementor-element-d8e472e > .e-con-inner { align-items: center; padding-bottom: 14px; }
  /* (the dagger half as far above the paragraph as it was, the user: "2x closer to the bottom text": its drawing ended 56.9 px above the paragraph's first line, now 28.45 px) */
  .elementor-2272 .elementor-element.elementor-element-041dd52 { top: 28.45px; }
  .elementor-2272 .elementor-element.elementor-element-6466c05, .elementor-2272 .elementor-element.elementor-element-2bd5a27, .elementor-2272 .elementor-element.elementor-element-cf9a7e2 { align-self: center !important; text-align: center !important; }
  .elementor-2272 .elementor-element.elementor-element-6466c05 .elementor-heading-title, .elementor-2272 .elementor-element.elementor-element-2bd5a27 .elementor-heading-title { text-align: center !important; }
  .elementor-2272 .elementor-element.elementor-element-cf9a7e2 .elementor-button-wrapper { text-align: center !important; }
  .elementor-2272 .elementor-element.elementor-element-cf9a7e4 { position: static; order: 1; align-self: center; width: min(400px, 100%); margin: 14px 0 0; }
  .elementor-2272 .elementor-element.elementor-element-cf9a7e4 p { text-align: center !important; text-wrap: balance; }
}

/* the war map in the signature series container: as wide as the cards around it; the map sizes itself from that width (its shape is fixed) */
.elementor-2272 .elementor-element.elementor-element-cf9a7e3 { width: 100%; max-width: 100%; --container-widget-width: 100%; }
.elementor-2272 .elementor-element.elementor-element-cf9a7e3 > .elementor-widget-container { margin: 0; padding: 0; }

/* the home hero's slideshow is pinned to its top: whatever the window, the top of each picture stays in view and it is the bottom that is cropped */
.elementor-2272 .elementor-element.elementor-element-d8e472e .elementor-background-slideshow__slide__image { background-position: center top; }

/* the dagger at the foot of the hero keeps its place: the site's scroll motion effect moved it up or down by up to 20 px with the height of the window, and the
   paragraph is set level with it */
.elementor-2272 .elementor-element.elementor-element-041dd52 > .elementor-widget-container { transform: none !important; }
.elementor-2272 .elementor-element.elementor-element-cf9a7e4 .plus-nb { white-space: nowrap; }

/* "Ready to ship": the four swords in one row (the page's grid is three columns, which put the fourth on a second row); a phone keeps its single column */
@media (min-width: 768px) {
  .elementor-2272 .elementor-element.elementor-element-46c62ba.e-grid { --e-con-grid-template-columns: repeat(4, 1fr); }
}