@charset "UTF-8";
@media all, bookshop { /* Color Scheme */
  .list-reset {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .clearfix::after,
  .clearfix ::before {
    content: "";
    display: table;
    clear: both;
  }
  .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
  }
  /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
  /* Document
     ========================================================================== */
  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   */
  html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }
  /* Sections
     ========================================================================== */
  /**
   * Remove the margin in all browsers.
   */
  body {
    margin: 0;
  }
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  /* Grouping content
     ========================================================================== */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  /* Text-level semantics
     ========================================================================== */
  /**
   * Remove the gray background on active links in IE 10.
   */
  a {
    background-color: transparent;
  }
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  b,
  strong {
    font-weight: bolder;
  }
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  /**
   * Add the correct font size in all browsers.
   */
  small {
    font-size: 80%;
  }
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  /* Embedded content
     ========================================================================== */
  /**
   * Remove the border on images inside links in IE 10.
   */
  img {
    border-style: none;
  }
  /* Forms
     ========================================================================== */
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  button,
  input { /* 1 */
    overflow: visible;
  }
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  button,
  select { /* 1 */
    text-transform: none;
  }
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  /**
   * Remove the inner border and padding in Firefox.
   */
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  /**
   * Restore the focus styles unset by the previous rule.
   */
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  /**
   * Correct the padding in Firefox.
   */
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  progress {
    vertical-align: baseline;
  }
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  textarea {
    overflow: auto;
  }
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  [type=checkbox],
  [type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  [type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  /* Interactive
     ========================================================================== */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  details {
    display: block;
  }
  /*
   * Add the correct display in all browsers.
   */
  summary {
    display: list-item;
  }
  /* Misc
     ========================================================================== */
  /**
   * Add the correct display in IE 10+.
   */
  template {
    display: none;
  }
  /**
   * Add the correct display in IE 10.
   */
  [hidden] {
    display: none;
  }
  /**
   * A very simple reset that sits on top of Normalize.css.
  */
  body,
  h1, h2, h3, h4, h5, h6,
  p, blockquote, pre,
  dl, dd, ol, ul,
  fieldset, legend,
  figure,
  hr {
    margin: 0;
    padding: 0;
  }
  /**
   * Remove trailing margins from nested lists.
   */
  li > ul,
  li > ol {
    margin-bottom: 0;
  }
  /**
   * Remove default table spacing.
   */
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  /**
   * Shared declarations for certain elements.
   */
  h1, h2, h3, h4, h5, h6,
  ul, ol, dl,
  blockquote, p, address,
  hr,
  table,
  fieldset, figure,
  pre {
    margin-bottom: 30px;
  }
  /**
   * Consistent indentation for lists.
   */
  ul, ol,
  dd {
    margin-left: 10px;
  }
  ul li, ol li {
    margin-bottom: 10px;
  }
  /*
    Syntax Highlighting
  */
  .highlight {
    background: #f3f3f3;
  }
  .highlighter-rouge .highlight {
    background: #eef;
  }
  .highlight .c {
    color: #998;
    font-style: italic;
  }
  .highlight .err {
    color: #a61717;
    background-color: #e3d2d2;
  }
  .highlight .k {
    font-weight: bold;
  }
  .highlight .o {
    font-weight: bold;
  }
  .highlight .cm {
    color: #998;
    font-style: italic;
  }
  .highlight .cp {
    color: #999;
    font-weight: bold;
  }
  .highlight .c1 {
    color: #998;
    font-style: italic;
  }
  .highlight .cs {
    color: #999;
    font-weight: bold;
    font-style: italic;
  }
  .highlight .gd {
    color: #000;
    background-color: #fdd;
  }
  .highlight .gd .x {
    color: #000;
    background-color: #faa;
  }
  .highlight .ge {
    font-style: italic;
  }
  .highlight .gr {
    color: #a00;
  }
  .highlight .gh {
    color: #999;
  }
  .highlight .gi {
    color: #000;
    background-color: #dfd;
  }
  .highlight .gi .x {
    color: #000;
    background-color: #afa;
  }
  .highlight .go {
    color: #888;
  }
  .highlight .gp {
    color: #555;
  }
  .highlight .gs {
    font-weight: bold;
  }
  .highlight .gu {
    color: #aaa;
  }
  .highlight .gt {
    color: #a00;
  }
  .highlight .kc {
    font-weight: bold;
  }
  .highlight .kd {
    font-weight: bold;
  }
  .highlight .kp {
    font-weight: bold;
  }
  .highlight .kr {
    font-weight: bold;
  }
  .highlight .kt {
    color: #458;
    font-weight: bold;
  }
  .highlight .m {
    color: #099;
  }
  .highlight .s {
    color: #d14;
  }
  .highlight .na {
    color: #008080;
  }
  .highlight .nb {
    color: #0086B3;
  }
  .highlight .nc {
    color: #458;
    font-weight: bold;
  }
  .highlight .no {
    color: #008080;
  }
  .highlight .ni {
    color: #800080;
  }
  .highlight .ne {
    color: #900;
    font-weight: bold;
  }
  .highlight .nf {
    color: #900;
    font-weight: bold;
  }
  .highlight .nn {
    color: #555;
  }
  .highlight .nt {
    color: #000080;
  }
  .highlight .nv {
    color: #008080;
  }
  .highlight .ow {
    font-weight: bold;
  }
  .highlight .w {
    color: #bbb;
  }
  .highlight .mf {
    color: #099;
  }
  .highlight .mh {
    color: #099;
  }
  .highlight .mi {
    color: #099;
  }
  .highlight .mo {
    color: #099;
  }
  .highlight .sb {
    color: #d14;
  }
  .highlight .sc {
    color: #d14;
  }
  .highlight .sd {
    color: #d14;
  }
  .highlight .s2 {
    color: #d14;
  }
  .highlight .se {
    color: #d14;
  }
  .highlight .sh {
    color: #d14;
  }
  .highlight .si {
    color: #d14;
  }
  .highlight .sx {
    color: #d14;
  }
  .highlight .sr {
    color: #009926;
  }
  .highlight .s1 {
    color: #d14;
  }
  .highlight .ss {
    color: #990073;
  }
  .highlight .bp {
    color: #999;
  }
  .highlight .vc {
    color: #008080;
  }
  .highlight .vg {
    color: #008080;
  }
  .highlight .vi {
    color: #008080;
  }
  .highlight .il {
    color: #099;
  }
  /* Grid */
  .container {
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
  }
  /*# sourceMappingURL=sourcemaps/tiny-slider.css.map */
  /* Animate */ /* Footer */
  /* Copyright */
  /* Header */
  /* Logo */
  /* Nav */
  /* Pagination */ /* Project Card */ /* Sections */ /* Social Links */ /* Super basic resets */
  /* --------------------------- Multi-screenshot banner graphic --------------------------- */
  /* Extra wrapper for slide animations */
  /* Example overlay container that can be used for text/etc */
  /* --------------------------- Media queries --------------------------- */
  /* Album */ /* Page + Post + Project */
  /* Share */
  /* Post navigation */
  /* Related posts */
  /* Disqus comments */
  /* Project */
  /* Project Navigation */
  /* Interview Grid */
  /* Albums List */ /* Posts List */ /* Posts List */ /* Button */ /* Contact Form */ /* Hero */ /* Reviews List */ /* Reviews List */ /* Page Heading */ /* Reviews List */ /* Reviews List */ /* Page Heading */ /* Reviews List */
}
@media only screen and (max-width: 1300px) {
  .container {
    max-width: 1100px;
  }
}
@media only screen and (max-width: 1130px) {
  .container {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1024px) {
  .container {
    max-width: 760px;
  }
}
@media only screen and (max-width: 768px) {
  .container {
    max-width: 560px;
  }
}
@media only screen and (max-width: 576px) {
  .container {
    max-width: 480px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all, bookshop {
  .row {
    display: flex;
    flex-wrap: wrap;
    flex: 0 1 auto;
    flex-direction: row;
    box-sizing: border-box;
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media all, bookshop {
  .col {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media all, bookshop {
  [class^=col-] {
    flex: auto;
  }
}
@media all, bookshop {
  .col-0 {
    width: calc( 0 / 12 * 100% );
  }
}
@media all, bookshop {
  .col-1 {
    width: calc( 1 / 12 * 100% );
  }
}
@media all, bookshop {
  .col-2 {
    width: calc( 2 / 12 * 100% );
  }
}
@media all, bookshop {
  .col-3 {
    width: calc( 3 / 12 * 100% );
  }
}
@media all, bookshop {
  .col-4 {
    width: calc( 4 / 12 * 100% );
  }
}
@media all, bookshop {
  .col-5 {
    width: calc( 5 / 12 * 100% );
  }
}
@media all, bookshop {
  .col-6 {
    width: calc( 6 / 12 * 100% );
  }
}
@media all, bookshop {
  .col-7 {
    width: calc( 7 / 12 * 100% );
  }
}
@media all, bookshop {
  .col-8 {
    width: calc( 8 / 12 * 100% );
  }
}
@media all, bookshop {
  .col-9 {
    width: calc( 9 / 12 * 100% );
  }
}
@media all, bookshop {
  .col-10 {
    width: calc( 10 / 12 * 100% );
  }
}
@media all, bookshop {
  .col-11 {
    width: calc( 11 / 12 * 100% );
  }
}
@media all, bookshop {
  .col-12 {
    width: calc( 12 / 12 * 100% );
  }
}
@media all, bookshop {
  .push-0 {
    margin-left: calc( 0 / 12 * 100% );
  }
}
@media all, bookshop {
  .push-1 {
    margin-left: calc( 1 / 12 * 100% );
  }
}
@media all, bookshop {
  .push-2 {
    margin-left: calc( 2 / 12 * 100% );
  }
}
@media all, bookshop {
  .push-3 {
    margin-left: calc( 3 / 12 * 100% );
  }
}
@media all, bookshop {
  .push-4 {
    margin-left: calc( 4 / 12 * 100% );
  }
}
@media all, bookshop {
  .push-5 {
    margin-left: calc( 5 / 12 * 100% );
  }
}
@media all, bookshop {
  .push-6 {
    margin-left: calc( 6 / 12 * 100% );
  }
}
@media all, bookshop {
  .push-7 {
    margin-left: calc( 7 / 12 * 100% );
  }
}
@media all, bookshop {
  .push-8 {
    margin-left: calc( 8 / 12 * 100% );
  }
}
@media all, bookshop {
  .push-9 {
    margin-left: calc( 9 / 12 * 100% );
  }
}
@media all, bookshop {
  .push-10 {
    margin-left: calc( 10 / 12 * 100% );
  }
}
@media all, bookshop {
  .push-11 {
    margin-left: calc( 11 / 12 * 100% );
  }
}
@media all, bookshop {
  .push-12 {
    margin-left: calc( 12 / 12 * 100% );
  }
}
@media all, bookshop {
  .pull-0 {
    margin-right: calc( 0 / 12 * 100% );
  }
}
@media all, bookshop {
  .pull-1 {
    margin-right: calc( 1 / 12 * 100% );
  }
}
@media all, bookshop {
  .pull-2 {
    margin-right: calc( 2 / 12 * 100% );
  }
}
@media all, bookshop {
  .pull-3 {
    margin-right: calc( 3 / 12 * 100% );
  }
}
@media all, bookshop {
  .pull-4 {
    margin-right: calc( 4 / 12 * 100% );
  }
}
@media all, bookshop {
  .pull-5 {
    margin-right: calc( 5 / 12 * 100% );
  }
}
@media all, bookshop {
  .pull-6 {
    margin-right: calc( 6 / 12 * 100% );
  }
}
@media all, bookshop {
  .pull-7 {
    margin-right: calc( 7 / 12 * 100% );
  }
}
@media all, bookshop {
  .pull-8 {
    margin-right: calc( 8 / 12 * 100% );
  }
}
@media all, bookshop {
  .pull-9 {
    margin-right: calc( 9 / 12 * 100% );
  }
}
@media all, bookshop {
  .pull-10 {
    margin-right: calc( 10 / 12 * 100% );
  }
}
@media all, bookshop {
  .pull-11 {
    margin-right: calc( 11 / 12 * 100% );
  }
}
@media all, bookshop {
  .pull-12 {
    margin-right: calc( 12 / 12 * 100% );
  }
}
@media (max-width: 1024px), bookshop and (max-width: 1024px) {
  .col-d-0 {
    width: calc( 0 / 12 * 100% );
  }
  .col-d-1 {
    width: calc( 1 / 12 * 100% );
  }
  .col-d-2 {
    width: calc( 2 / 12 * 100% );
  }
  .col-d-3 {
    width: calc( 3 / 12 * 100% );
  }
  .col-d-4 {
    width: calc( 4 / 12 * 100% );
  }
  .col-d-5 {
    width: calc( 5 / 12 * 100% );
  }
  .col-d-6 {
    width: calc( 6 / 12 * 100% );
  }
  .col-d-7 {
    width: calc( 7 / 12 * 100% );
  }
  .col-d-8 {
    width: calc( 8 / 12 * 100% );
  }
  .col-d-9 {
    width: calc( 9 / 12 * 100% );
  }
  .col-d-10 {
    width: calc( 10 / 12 * 100% );
  }
  .col-d-11 {
    width: calc( 11 / 12 * 100% );
  }
  .col-d-12 {
    width: calc( 12 / 12 * 100% );
  }
  .push-d-0 {
    margin-left: calc( 0 / 12 * 100% );
  }
  .push-d-1 {
    margin-left: calc( 1 / 12 * 100% );
  }
  .push-d-2 {
    margin-left: calc( 2 / 12 * 100% );
  }
  .push-d-3 {
    margin-left: calc( 3 / 12 * 100% );
  }
  .push-d-4 {
    margin-left: calc( 4 / 12 * 100% );
  }
  .push-d-5 {
    margin-left: calc( 5 / 12 * 100% );
  }
  .push-d-6 {
    margin-left: calc( 6 / 12 * 100% );
  }
  .push-d-7 {
    margin-left: calc( 7 / 12 * 100% );
  }
  .push-d-8 {
    margin-left: calc( 8 / 12 * 100% );
  }
  .push-d-9 {
    margin-left: calc( 9 / 12 * 100% );
  }
  .push-d-10 {
    margin-left: calc( 10 / 12 * 100% );
  }
  .push-d-11 {
    margin-left: calc( 11 / 12 * 100% );
  }
  .push-d-12 {
    margin-left: calc( 12 / 12 * 100% );
  }
  .pull-d-0 {
    margin-right: calc( 0 / 12 * 100% );
  }
  .pull-d-1 {
    margin-right: calc( 1 / 12 * 100% );
  }
  .pull-d-2 {
    margin-right: calc( 2 / 12 * 100% );
  }
  .pull-d-3 {
    margin-right: calc( 3 / 12 * 100% );
  }
  .pull-d-4 {
    margin-right: calc( 4 / 12 * 100% );
  }
  .pull-d-5 {
    margin-right: calc( 5 / 12 * 100% );
  }
  .pull-d-6 {
    margin-right: calc( 6 / 12 * 100% );
  }
  .pull-d-7 {
    margin-right: calc( 7 / 12 * 100% );
  }
  .pull-d-8 {
    margin-right: calc( 8 / 12 * 100% );
  }
  .pull-d-9 {
    margin-right: calc( 9 / 12 * 100% );
  }
  .pull-d-10 {
    margin-right: calc( 10 / 12 * 100% );
  }
  .pull-d-11 {
    margin-right: calc( 11 / 12 * 100% );
  }
  .pull-d-12 {
    margin-right: calc( 12 / 12 * 100% );
  }
}
@media (max-width: 768px), bookshop and (max-width: 768px) {
  .col-t-0 {
    width: calc( 0 / 12 * 100% );
  }
  .col-t-1 {
    width: calc( 1 / 12 * 100% );
  }
  .col-t-2 {
    width: calc( 2 / 12 * 100% );
  }
  .col-t-3 {
    width: calc( 3 / 12 * 100% );
  }
  .col-t-4 {
    width: calc( 4 / 12 * 100% );
  }
  .col-t-5 {
    width: calc( 5 / 12 * 100% );
  }
  .col-t-6 {
    width: calc( 6 / 12 * 100% );
  }
  .col-t-7 {
    width: calc( 7 / 12 * 100% );
  }
  .col-t-8 {
    width: calc( 8 / 12 * 100% );
  }
  .col-t-9 {
    width: calc( 9 / 12 * 100% );
  }
  .col-t-10 {
    width: calc( 10 / 12 * 100% );
  }
  .col-t-11 {
    width: calc( 11 / 12 * 100% );
  }
  .col-t-12 {
    width: calc( 12 / 12 * 100% );
  }
  .push-t-0 {
    margin-left: calc( 0 / 12 * 100% );
  }
  .push-t-1 {
    margin-left: calc( 1 / 12 * 100% );
  }
  .push-t-2 {
    margin-left: calc( 2 / 12 * 100% );
  }
  .push-t-3 {
    margin-left: calc( 3 / 12 * 100% );
  }
  .push-t-4 {
    margin-left: calc( 4 / 12 * 100% );
  }
  .push-t-5 {
    margin-left: calc( 5 / 12 * 100% );
  }
  .push-t-6 {
    margin-left: calc( 6 / 12 * 100% );
  }
  .push-t-7 {
    margin-left: calc( 7 / 12 * 100% );
  }
  .push-t-8 {
    margin-left: calc( 8 / 12 * 100% );
  }
  .push-t-9 {
    margin-left: calc( 9 / 12 * 100% );
  }
  .push-t-10 {
    margin-left: calc( 10 / 12 * 100% );
  }
  .push-t-11 {
    margin-left: calc( 11 / 12 * 100% );
  }
  .push-t-12 {
    margin-left: calc( 12 / 12 * 100% );
  }
  .pull-t-0 {
    margin-right: calc( 0 / 12 * 100% );
  }
  .pull-t-1 {
    margin-right: calc( 1 / 12 * 100% );
  }
  .pull-t-2 {
    margin-right: calc( 2 / 12 * 100% );
  }
  .pull-t-3 {
    margin-right: calc( 3 / 12 * 100% );
  }
  .pull-t-4 {
    margin-right: calc( 4 / 12 * 100% );
  }
  .pull-t-5 {
    margin-right: calc( 5 / 12 * 100% );
  }
  .pull-t-6 {
    margin-right: calc( 6 / 12 * 100% );
  }
  .pull-t-7 {
    margin-right: calc( 7 / 12 * 100% );
  }
  .pull-t-8 {
    margin-right: calc( 8 / 12 * 100% );
  }
  .pull-t-9 {
    margin-right: calc( 9 / 12 * 100% );
  }
  .pull-t-10 {
    margin-right: calc( 10 / 12 * 100% );
  }
  .pull-t-11 {
    margin-right: calc( 11 / 12 * 100% );
  }
  .pull-t-12 {
    margin-right: calc( 12 / 12 * 100% );
  }
}
@media (max-width: 576px), bookshop and (max-width: 576px) {
  .col-m-0 {
    width: calc( 0 / 12 * 100% );
  }
  .col-m-1 {
    width: calc( 1 / 12 * 100% );
  }
  .col-m-2 {
    width: calc( 2 / 12 * 100% );
  }
  .col-m-3 {
    width: calc( 3 / 12 * 100% );
  }
  .col-m-4 {
    width: calc( 4 / 12 * 100% );
  }
  .col-m-5 {
    width: calc( 5 / 12 * 100% );
  }
  .col-m-6 {
    width: calc( 6 / 12 * 100% );
  }
  .col-m-7 {
    width: calc( 7 / 12 * 100% );
  }
  .col-m-8 {
    width: calc( 8 / 12 * 100% );
  }
  .col-m-9 {
    width: calc( 9 / 12 * 100% );
  }
  .col-m-10 {
    width: calc( 10 / 12 * 100% );
  }
  .col-m-11 {
    width: calc( 11 / 12 * 100% );
  }
  .col-m-12 {
    width: calc( 12 / 12 * 100% );
  }
  .push-m-0 {
    margin-left: calc( 0 / 12 * 100% );
  }
  .push-m-1 {
    margin-left: calc( 1 / 12 * 100% );
  }
  .push-m-2 {
    margin-left: calc( 2 / 12 * 100% );
  }
  .push-m-3 {
    margin-left: calc( 3 / 12 * 100% );
  }
  .push-m-4 {
    margin-left: calc( 4 / 12 * 100% );
  }
  .push-m-5 {
    margin-left: calc( 5 / 12 * 100% );
  }
  .push-m-6 {
    margin-left: calc( 6 / 12 * 100% );
  }
  .push-m-7 {
    margin-left: calc( 7 / 12 * 100% );
  }
  .push-m-8 {
    margin-left: calc( 8 / 12 * 100% );
  }
  .push-m-9 {
    margin-left: calc( 9 / 12 * 100% );
  }
  .push-m-10 {
    margin-left: calc( 10 / 12 * 100% );
  }
  .push-m-11 {
    margin-left: calc( 11 / 12 * 100% );
  }
  .push-m-12 {
    margin-left: calc( 12 / 12 * 100% );
  }
  .pull-m-0 {
    margin-right: calc( 0 / 12 * 100% );
  }
  .pull-m-1 {
    margin-right: calc( 1 / 12 * 100% );
  }
  .pull-m-2 {
    margin-right: calc( 2 / 12 * 100% );
  }
  .pull-m-3 {
    margin-right: calc( 3 / 12 * 100% );
  }
  .pull-m-4 {
    margin-right: calc( 4 / 12 * 100% );
  }
  .pull-m-5 {
    margin-right: calc( 5 / 12 * 100% );
  }
  .pull-m-6 {
    margin-right: calc( 6 / 12 * 100% );
  }
  .pull-m-7 {
    margin-right: calc( 7 / 12 * 100% );
  }
  .pull-m-8 {
    margin-right: calc( 8 / 12 * 100% );
  }
  .pull-m-9 {
    margin-right: calc( 9 / 12 * 100% );
  }
  .pull-m-10 {
    margin-right: calc( 10 / 12 * 100% );
  }
  .pull-m-11 {
    margin-right: calc( 11 / 12 * 100% );
  }
  .pull-m-12 {
    margin-right: calc( 12 / 12 * 100% );
  }
}
@media (max-width: 1024px), bookshop and (max-width: 1024px) {
  .col-d-0 {
    width: calc( 0 / 12 * 100% );
  }
  .col-d-1 {
    width: calc( 1 / 12 * 100% );
  }
  .col-d-2 {
    width: calc( 2 / 12 * 100% );
  }
  .col-d-3 {
    width: calc( 3 / 12 * 100% );
  }
  .col-d-4 {
    width: calc( 4 / 12 * 100% );
  }
  .col-d-5 {
    width: calc( 5 / 12 * 100% );
  }
  .col-d-6 {
    width: calc( 6 / 12 * 100% );
  }
  .col-d-7 {
    width: calc( 7 / 12 * 100% );
  }
  .col-d-8 {
    width: calc( 8 / 12 * 100% );
  }
  .col-d-9 {
    width: calc( 9 / 12 * 100% );
  }
  .col-d-10 {
    width: calc( 10 / 12 * 100% );
  }
  .col-d-11 {
    width: calc( 11 / 12 * 100% );
  }
  .col-d-12 {
    width: calc( 12 / 12 * 100% );
  }
  .push-d-0 {
    margin-left: calc( 0 / 12 * 100% );
  }
  .push-d-1 {
    margin-left: calc( 1 / 12 * 100% );
  }
  .push-d-2 {
    margin-left: calc( 2 / 12 * 100% );
  }
  .push-d-3 {
    margin-left: calc( 3 / 12 * 100% );
  }
  .push-d-4 {
    margin-left: calc( 4 / 12 * 100% );
  }
  .push-d-5 {
    margin-left: calc( 5 / 12 * 100% );
  }
  .push-d-6 {
    margin-left: calc( 6 / 12 * 100% );
  }
  .push-d-7 {
    margin-left: calc( 7 / 12 * 100% );
  }
  .push-d-8 {
    margin-left: calc( 8 / 12 * 100% );
  }
  .push-d-9 {
    margin-left: calc( 9 / 12 * 100% );
  }
  .push-d-10 {
    margin-left: calc( 10 / 12 * 100% );
  }
  .push-d-11 {
    margin-left: calc( 11 / 12 * 100% );
  }
  .push-d-12 {
    margin-left: calc( 12 / 12 * 100% );
  }
  .pull-d-0 {
    margin-right: calc( 0 / 12 * 100% );
  }
  .pull-d-1 {
    margin-right: calc( 1 / 12 * 100% );
  }
  .pull-d-2 {
    margin-right: calc( 2 / 12 * 100% );
  }
  .pull-d-3 {
    margin-right: calc( 3 / 12 * 100% );
  }
  .pull-d-4 {
    margin-right: calc( 4 / 12 * 100% );
  }
  .pull-d-5 {
    margin-right: calc( 5 / 12 * 100% );
  }
  .pull-d-6 {
    margin-right: calc( 6 / 12 * 100% );
  }
  .pull-d-7 {
    margin-right: calc( 7 / 12 * 100% );
  }
  .pull-d-8 {
    margin-right: calc( 8 / 12 * 100% );
  }
  .pull-d-9 {
    margin-right: calc( 9 / 12 * 100% );
  }
  .pull-d-10 {
    margin-right: calc( 10 / 12 * 100% );
  }
  .pull-d-11 {
    margin-right: calc( 11 / 12 * 100% );
  }
  .pull-d-12 {
    margin-right: calc( 12 / 12 * 100% );
  }
}
@media (max-width: 768px), bookshop and (max-width: 768px) {
  .col-t-0 {
    width: calc( 0 / 12 * 100% );
  }
  .col-t-1 {
    width: calc( 1 / 12 * 100% );
  }
  .col-t-2 {
    width: calc( 2 / 12 * 100% );
  }
  .col-t-3 {
    width: calc( 3 / 12 * 100% );
  }
  .col-t-4 {
    width: calc( 4 / 12 * 100% );
  }
  .col-t-5 {
    width: calc( 5 / 12 * 100% );
  }
  .col-t-6 {
    width: calc( 6 / 12 * 100% );
  }
  .col-t-7 {
    width: calc( 7 / 12 * 100% );
  }
  .col-t-8 {
    width: calc( 8 / 12 * 100% );
  }
  .col-t-9 {
    width: calc( 9 / 12 * 100% );
  }
  .col-t-10 {
    width: calc( 10 / 12 * 100% );
  }
  .col-t-11 {
    width: calc( 11 / 12 * 100% );
  }
  .col-t-12 {
    width: calc( 12 / 12 * 100% );
  }
  .push-t-0 {
    margin-left: calc( 0 / 12 * 100% );
  }
  .push-t-1 {
    margin-left: calc( 1 / 12 * 100% );
  }
  .push-t-2 {
    margin-left: calc( 2 / 12 * 100% );
  }
  .push-t-3 {
    margin-left: calc( 3 / 12 * 100% );
  }
  .push-t-4 {
    margin-left: calc( 4 / 12 * 100% );
  }
  .push-t-5 {
    margin-left: calc( 5 / 12 * 100% );
  }
  .push-t-6 {
    margin-left: calc( 6 / 12 * 100% );
  }
  .push-t-7 {
    margin-left: calc( 7 / 12 * 100% );
  }
  .push-t-8 {
    margin-left: calc( 8 / 12 * 100% );
  }
  .push-t-9 {
    margin-left: calc( 9 / 12 * 100% );
  }
  .push-t-10 {
    margin-left: calc( 10 / 12 * 100% );
  }
  .push-t-11 {
    margin-left: calc( 11 / 12 * 100% );
  }
  .push-t-12 {
    margin-left: calc( 12 / 12 * 100% );
  }
  .pull-t-0 {
    margin-right: calc( 0 / 12 * 100% );
  }
  .pull-t-1 {
    margin-right: calc( 1 / 12 * 100% );
  }
  .pull-t-2 {
    margin-right: calc( 2 / 12 * 100% );
  }
  .pull-t-3 {
    margin-right: calc( 3 / 12 * 100% );
  }
  .pull-t-4 {
    margin-right: calc( 4 / 12 * 100% );
  }
  .pull-t-5 {
    margin-right: calc( 5 / 12 * 100% );
  }
  .pull-t-6 {
    margin-right: calc( 6 / 12 * 100% );
  }
  .pull-t-7 {
    margin-right: calc( 7 / 12 * 100% );
  }
  .pull-t-8 {
    margin-right: calc( 8 / 12 * 100% );
  }
  .pull-t-9 {
    margin-right: calc( 9 / 12 * 100% );
  }
  .pull-t-10 {
    margin-right: calc( 10 / 12 * 100% );
  }
  .pull-t-11 {
    margin-right: calc( 11 / 12 * 100% );
  }
  .pull-t-12 {
    margin-right: calc( 12 / 12 * 100% );
  }
}
@media (max-width: 576px), bookshop and (max-width: 576px) {
  .col-m-0 {
    width: calc( 0 / 12 * 100% );
  }
  .col-m-1 {
    width: calc( 1 / 12 * 100% );
  }
  .col-m-2 {
    width: calc( 2 / 12 * 100% );
  }
  .col-m-3 {
    width: calc( 3 / 12 * 100% );
  }
  .col-m-4 {
    width: calc( 4 / 12 * 100% );
  }
  .col-m-5 {
    width: calc( 5 / 12 * 100% );
  }
  .col-m-6 {
    width: calc( 6 / 12 * 100% );
  }
  .col-m-7 {
    width: calc( 7 / 12 * 100% );
  }
  .col-m-8 {
    width: calc( 8 / 12 * 100% );
  }
  .col-m-9 {
    width: calc( 9 / 12 * 100% );
  }
  .col-m-10 {
    width: calc( 10 / 12 * 100% );
  }
  .col-m-11 {
    width: calc( 11 / 12 * 100% );
  }
  .col-m-12 {
    width: calc( 12 / 12 * 100% );
  }
  .push-m-0 {
    margin-left: calc( 0 / 12 * 100% );
  }
  .push-m-1 {
    margin-left: calc( 1 / 12 * 100% );
  }
  .push-m-2 {
    margin-left: calc( 2 / 12 * 100% );
  }
  .push-m-3 {
    margin-left: calc( 3 / 12 * 100% );
  }
  .push-m-4 {
    margin-left: calc( 4 / 12 * 100% );
  }
  .push-m-5 {
    margin-left: calc( 5 / 12 * 100% );
  }
  .push-m-6 {
    margin-left: calc( 6 / 12 * 100% );
  }
  .push-m-7 {
    margin-left: calc( 7 / 12 * 100% );
  }
  .push-m-8 {
    margin-left: calc( 8 / 12 * 100% );
  }
  .push-m-9 {
    margin-left: calc( 9 / 12 * 100% );
  }
  .push-m-10 {
    margin-left: calc( 10 / 12 * 100% );
  }
  .push-m-11 {
    margin-left: calc( 11 / 12 * 100% );
  }
  .push-m-12 {
    margin-left: calc( 12 / 12 * 100% );
  }
  .pull-m-0 {
    margin-right: calc( 0 / 12 * 100% );
  }
  .pull-m-1 {
    margin-right: calc( 1 / 12 * 100% );
  }
  .pull-m-2 {
    margin-right: calc( 2 / 12 * 100% );
  }
  .pull-m-3 {
    margin-right: calc( 3 / 12 * 100% );
  }
  .pull-m-4 {
    margin-right: calc( 4 / 12 * 100% );
  }
  .pull-m-5 {
    margin-right: calc( 5 / 12 * 100% );
  }
  .pull-m-6 {
    margin-right: calc( 6 / 12 * 100% );
  }
  .pull-m-7 {
    margin-right: calc( 7 / 12 * 100% );
  }
  .pull-m-8 {
    margin-right: calc( 8 / 12 * 100% );
  }
  .pull-m-9 {
    margin-right: calc( 9 / 12 * 100% );
  }
  .pull-m-10 {
    margin-right: calc( 10 / 12 * 100% );
  }
  .pull-m-11 {
    margin-right: calc( 11 / 12 * 100% );
  }
  .pull-m-12 {
    margin-right: calc( 12 / 12 * 100% );
  }
}
@media (max-width: 1024px), bookshop and (max-width: 1024px) {
  .col-d-0 {
    width: calc( 0 / 12 * 100% );
  }
  .col-d-1 {
    width: calc( 1 / 12 * 100% );
  }
  .col-d-2 {
    width: calc( 2 / 12 * 100% );
  }
  .col-d-3 {
    width: calc( 3 / 12 * 100% );
  }
  .col-d-4 {
    width: calc( 4 / 12 * 100% );
  }
  .col-d-5 {
    width: calc( 5 / 12 * 100% );
  }
  .col-d-6 {
    width: calc( 6 / 12 * 100% );
  }
  .col-d-7 {
    width: calc( 7 / 12 * 100% );
  }
  .col-d-8 {
    width: calc( 8 / 12 * 100% );
  }
  .col-d-9 {
    width: calc( 9 / 12 * 100% );
  }
  .col-d-10 {
    width: calc( 10 / 12 * 100% );
  }
  .col-d-11 {
    width: calc( 11 / 12 * 100% );
  }
  .col-d-12 {
    width: calc( 12 / 12 * 100% );
  }
  .push-d-0 {
    margin-left: calc( 0 / 12 * 100% );
  }
  .push-d-1 {
    margin-left: calc( 1 / 12 * 100% );
  }
  .push-d-2 {
    margin-left: calc( 2 / 12 * 100% );
  }
  .push-d-3 {
    margin-left: calc( 3 / 12 * 100% );
  }
  .push-d-4 {
    margin-left: calc( 4 / 12 * 100% );
  }
  .push-d-5 {
    margin-left: calc( 5 / 12 * 100% );
  }
  .push-d-6 {
    margin-left: calc( 6 / 12 * 100% );
  }
  .push-d-7 {
    margin-left: calc( 7 / 12 * 100% );
  }
  .push-d-8 {
    margin-left: calc( 8 / 12 * 100% );
  }
  .push-d-9 {
    margin-left: calc( 9 / 12 * 100% );
  }
  .push-d-10 {
    margin-left: calc( 10 / 12 * 100% );
  }
  .push-d-11 {
    margin-left: calc( 11 / 12 * 100% );
  }
  .push-d-12 {
    margin-left: calc( 12 / 12 * 100% );
  }
  .pull-d-0 {
    margin-right: calc( 0 / 12 * 100% );
  }
  .pull-d-1 {
    margin-right: calc( 1 / 12 * 100% );
  }
  .pull-d-2 {
    margin-right: calc( 2 / 12 * 100% );
  }
  .pull-d-3 {
    margin-right: calc( 3 / 12 * 100% );
  }
  .pull-d-4 {
    margin-right: calc( 4 / 12 * 100% );
  }
  .pull-d-5 {
    margin-right: calc( 5 / 12 * 100% );
  }
  .pull-d-6 {
    margin-right: calc( 6 / 12 * 100% );
  }
  .pull-d-7 {
    margin-right: calc( 7 / 12 * 100% );
  }
  .pull-d-8 {
    margin-right: calc( 8 / 12 * 100% );
  }
  .pull-d-9 {
    margin-right: calc( 9 / 12 * 100% );
  }
  .pull-d-10 {
    margin-right: calc( 10 / 12 * 100% );
  }
  .pull-d-11 {
    margin-right: calc( 11 / 12 * 100% );
  }
  .pull-d-12 {
    margin-right: calc( 12 / 12 * 100% );
  }
}
@media (max-width: 768px), bookshop and (max-width: 768px) {
  .col-t-0 {
    width: calc( 0 / 12 * 100% );
  }
  .col-t-1 {
    width: calc( 1 / 12 * 100% );
  }
  .col-t-2 {
    width: calc( 2 / 12 * 100% );
  }
  .col-t-3 {
    width: calc( 3 / 12 * 100% );
  }
  .col-t-4 {
    width: calc( 4 / 12 * 100% );
  }
  .col-t-5 {
    width: calc( 5 / 12 * 100% );
  }
  .col-t-6 {
    width: calc( 6 / 12 * 100% );
  }
  .col-t-7 {
    width: calc( 7 / 12 * 100% );
  }
  .col-t-8 {
    width: calc( 8 / 12 * 100% );
  }
  .col-t-9 {
    width: calc( 9 / 12 * 100% );
  }
  .col-t-10 {
    width: calc( 10 / 12 * 100% );
  }
  .col-t-11 {
    width: calc( 11 / 12 * 100% );
  }
  .col-t-12 {
    width: calc( 12 / 12 * 100% );
  }
  .push-t-0 {
    margin-left: calc( 0 / 12 * 100% );
  }
  .push-t-1 {
    margin-left: calc( 1 / 12 * 100% );
  }
  .push-t-2 {
    margin-left: calc( 2 / 12 * 100% );
  }
  .push-t-3 {
    margin-left: calc( 3 / 12 * 100% );
  }
  .push-t-4 {
    margin-left: calc( 4 / 12 * 100% );
  }
  .push-t-5 {
    margin-left: calc( 5 / 12 * 100% );
  }
  .push-t-6 {
    margin-left: calc( 6 / 12 * 100% );
  }
  .push-t-7 {
    margin-left: calc( 7 / 12 * 100% );
  }
  .push-t-8 {
    margin-left: calc( 8 / 12 * 100% );
  }
  .push-t-9 {
    margin-left: calc( 9 / 12 * 100% );
  }
  .push-t-10 {
    margin-left: calc( 10 / 12 * 100% );
  }
  .push-t-11 {
    margin-left: calc( 11 / 12 * 100% );
  }
  .push-t-12 {
    margin-left: calc( 12 / 12 * 100% );
  }
  .pull-t-0 {
    margin-right: calc( 0 / 12 * 100% );
  }
  .pull-t-1 {
    margin-right: calc( 1 / 12 * 100% );
  }
  .pull-t-2 {
    margin-right: calc( 2 / 12 * 100% );
  }
  .pull-t-3 {
    margin-right: calc( 3 / 12 * 100% );
  }
  .pull-t-4 {
    margin-right: calc( 4 / 12 * 100% );
  }
  .pull-t-5 {
    margin-right: calc( 5 / 12 * 100% );
  }
  .pull-t-6 {
    margin-right: calc( 6 / 12 * 100% );
  }
  .pull-t-7 {
    margin-right: calc( 7 / 12 * 100% );
  }
  .pull-t-8 {
    margin-right: calc( 8 / 12 * 100% );
  }
  .pull-t-9 {
    margin-right: calc( 9 / 12 * 100% );
  }
  .pull-t-10 {
    margin-right: calc( 10 / 12 * 100% );
  }
  .pull-t-11 {
    margin-right: calc( 11 / 12 * 100% );
  }
  .pull-t-12 {
    margin-right: calc( 12 / 12 * 100% );
  }
}
@media (max-width: 576px), bookshop and (max-width: 576px) {
  .col-m-0 {
    width: calc( 0 / 12 * 100% );
  }
  .col-m-1 {
    width: calc( 1 / 12 * 100% );
  }
  .col-m-2 {
    width: calc( 2 / 12 * 100% );
  }
  .col-m-3 {
    width: calc( 3 / 12 * 100% );
  }
  .col-m-4 {
    width: calc( 4 / 12 * 100% );
  }
  .col-m-5 {
    width: calc( 5 / 12 * 100% );
  }
  .col-m-6 {
    width: calc( 6 / 12 * 100% );
  }
  .col-m-7 {
    width: calc( 7 / 12 * 100% );
  }
  .col-m-8 {
    width: calc( 8 / 12 * 100% );
  }
  .col-m-9 {
    width: calc( 9 / 12 * 100% );
  }
  .col-m-10 {
    width: calc( 10 / 12 * 100% );
  }
  .col-m-11 {
    width: calc( 11 / 12 * 100% );
  }
  .col-m-12 {
    width: calc( 12 / 12 * 100% );
  }
  .push-m-0 {
    margin-left: calc( 0 / 12 * 100% );
  }
  .push-m-1 {
    margin-left: calc( 1 / 12 * 100% );
  }
  .push-m-2 {
    margin-left: calc( 2 / 12 * 100% );
  }
  .push-m-3 {
    margin-left: calc( 3 / 12 * 100% );
  }
  .push-m-4 {
    margin-left: calc( 4 / 12 * 100% );
  }
  .push-m-5 {
    margin-left: calc( 5 / 12 * 100% );
  }
  .push-m-6 {
    margin-left: calc( 6 / 12 * 100% );
  }
  .push-m-7 {
    margin-left: calc( 7 / 12 * 100% );
  }
  .push-m-8 {
    margin-left: calc( 8 / 12 * 100% );
  }
  .push-m-9 {
    margin-left: calc( 9 / 12 * 100% );
  }
  .push-m-10 {
    margin-left: calc( 10 / 12 * 100% );
  }
  .push-m-11 {
    margin-left: calc( 11 / 12 * 100% );
  }
  .push-m-12 {
    margin-left: calc( 12 / 12 * 100% );
  }
  .pull-m-0 {
    margin-right: calc( 0 / 12 * 100% );
  }
  .pull-m-1 {
    margin-right: calc( 1 / 12 * 100% );
  }
  .pull-m-2 {
    margin-right: calc( 2 / 12 * 100% );
  }
  .pull-m-3 {
    margin-right: calc( 3 / 12 * 100% );
  }
  .pull-m-4 {
    margin-right: calc( 4 / 12 * 100% );
  }
  .pull-m-5 {
    margin-right: calc( 5 / 12 * 100% );
  }
  .pull-m-6 {
    margin-right: calc( 6 / 12 * 100% );
  }
  .pull-m-7 {
    margin-right: calc( 7 / 12 * 100% );
  }
  .pull-m-8 {
    margin-right: calc( 8 / 12 * 100% );
  }
  .pull-m-9 {
    margin-right: calc( 9 / 12 * 100% );
  }
  .pull-m-10 {
    margin-right: calc( 10 / 12 * 100% );
  }
  .pull-m-11 {
    margin-right: calc( 11 / 12 * 100% );
  }
  .pull-m-12 {
    margin-right: calc( 12 / 12 * 100% );
  }
}
@media all, bookshop {
  .tns-outer {
    padding: 0 !important;
  }
}
@media all, bookshop {
  .tns-outer [hidden] {
    display: none !important;
  }
}
@media all, bookshop {
  .tns-outer [aria-controls], .tns-outer [data-action] {
    cursor: pointer;
  }
}
@media all, bookshop {
  .tns-slider {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
  }
}
@media all, bookshop {
  .tns-slider > .tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media all, bookshop {
  .tns-horizontal.tns-subpixel {
    white-space: nowrap;
  }
}
@media all, bookshop {
  .tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
  }
}
@media all, bookshop {
  .tns-horizontal.tns-no-subpixel:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media all, bookshop {
  .tns-horizontal.tns-no-subpixel > .tns-item {
    float: left;
  }
}
@media all, bookshop {
  .tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
    margin-right: -100%;
  }
}
@media all, bookshop {
  .tns-no-calc {
    position: relative;
    left: 0;
  }
}
@media all, bookshop {
  .tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px;
  }
}
@media all, bookshop {
  .tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s;
  }
}
@media all, bookshop {
  .tns-gallery > .tns-slide-active {
    position: relative;
    left: auto !important;
  }
}
@media all, bookshop {
  .tns-gallery > .tns-moving {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
  }
}
@media all, bookshop {
  .tns-autowidth {
    display: inline-block;
  }
}
@media all, bookshop {
  .tns-lazy-img {
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    transition: opacity 0.6s;
    opacity: 0.6;
  }
}
@media all, bookshop {
  .tns-lazy-img.tns-complete {
    opacity: 1;
  }
}
@media all, bookshop {
  .tns-ah {
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    transition: height 0s;
  }
}
@media all, bookshop {
  .tns-ovh {
    overflow: hidden;
  }
}
@media all, bookshop {
  .tns-visually-hidden {
    position: absolute;
    left: -10000em;
  }
}
@media all, bookshop {
  .tns-transparent {
    opacity: 0;
    visibility: hidden;
  }
}
@media all, bookshop {
  .tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0;
  }
}
@media all, bookshop {
  .tns-normal, .tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
  }
}
@media all, bookshop {
  .tns-vpfix {
    white-space: nowrap;
  }
}
@media all, bookshop {
  .tns-vpfix > div, .tns-vpfix > li {
    display: inline-block;
  }
}
@media all, bookshop {
  .tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden;
  }
}
@media all, bookshop {
  .tns-t-ct {
    width: 2333.3333333%;
    width: -webkit-calc(100% * 70 / 3);
    width: -moz-calc(100% * 70 / 3);
    width: 2333.3333333333%;
    position: absolute;
    right: 0;
  }
}
@media all, bookshop {
  .tns-t-ct:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media all, bookshop {
  .tns-t-ct > div {
    width: 1.4285714%;
    width: -webkit-calc(100% / 70);
    width: -moz-calc(100% / 70);
    width: 1.4285714286%;
    height: 10px;
    float: left;
  }
}
@media all, bookshop {
  body:not(.stop-animations) .animate {
    animation: animateElement cubic-bezier(0.3, 0.45, 0.45, 0.95) 0.75s;
    animation-duration: 0.75s;
    animation-iteration-count: 1;
    transition: transform 0.15s;
  }
  @keyframes animateElement {
    0% {
      transform: translate(0px, 80px);
    }
    100% {
      transform: translate(0px, 0px);
    }
  }
}
@media all, bookshop {
  .resize-animation-stopper * {
    transition: none !important;
  }
}
@media all, bookshop {
  *, *::after, *::before {
    box-sizing: border-box;
  }
}
@media all, bookshop {
  html {
    scroll-behavior: smooth;
  }
}
@media all, bookshop {
  body {
    font-family: "Inter", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.8;
    color: #110E38;
    background-color: #f2f6ff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  body.is-in::after {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  body::after {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 15;
    transition: 1s;
  }
}
@media only screen and (max-width: 576px) {
  body {
    font-size: 17px;
  }
}
@media all, bookshop {
  *::selection {
    color: #fff;
    background-color: #1495a7;
  }
}
@media all, bookshop {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Inter", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -1px;
  }
}
@media all, bookshop {
  h1 {
    font-size: 36px;
  }
}
@media all, bookshop {
  h2 {
    font-size: 28px;
  }
}
@media all, bookshop {
  h3 {
    font-size: 24px;
  }
}
@media all, bookshop {
  h4 {
    font-size: 20px;
  }
}
@media all, bookshop {
  h5 {
    font-size: 18px;
  }
}
@media all, bookshop {
  h6 {
    font-size: 16px;
  }
}
@media all, bookshop {
  blockquote {
    position: relative;
    margin: 44px 0;
    padding-left: 44px;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 400;
    font-style: normal;
    border-left: 6px solid #1495a7;
  }
  blockquote p {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1024px) {
  blockquote {
    font-size: 24px;
    padding-left: 24px;
  }
}
@media only screen and (max-width: 576px) {
  blockquote {
    margin: 32px 0;
    font-size: 20px;
  }
}
@media all, bookshop {
  pre {
    overflow: auto;
    padding: 15px;
    margin-bottom: 0;
    font-size: 14px;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
  }
}
@media all, bookshop {
  img,
  .lightense-wrap {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
  }
}
@media all, bookshop {
  img img,
  .lightense-wrap img,
  .gallery img {
    border-radius: 16px;
  }
  img img.lightense-open,
  .lightense-wrap img.lightense-open,
  .gallery img.lightense-open {
    border-radius: 0;
  }
  img + em,
  .lightense-wrap + em,
  .gallery + em {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #110E38;
  }
  img + em a,
  .lightense-wrap + em a,
  .gallery + em a {
    border-bottom: 2px solid #d5dce3;
    transition: all 0.35s;
  }
  img + em a:hover,
  .lightense-wrap + em a:hover,
  .gallery + em a:hover {
    color: #110E38;
    border-color: transparent;
  }
}
@media only screen and (max-width: 576px) {
  img img,
  .lightense-wrap img,
  .gallery img {
    border-radius: 8px;
  }
  img + em,
  .lightense-wrap + em,
  .gallery + em {
    margin-top: 12px;
  }
}
@media all, bookshop {
  a {
    text-decoration: none;
    color: #110E38;
    transition: all 0.35s;
  }
  a:hover {
    color: #110E38;
  }
}
@media all, bookshop {
  hr {
    position: relative;
    display: block;
    height: 1px;
    margin: 60px 0;
    border: 0;
  }
  hr::before {
    content: ". . .";
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    line-height: 0;
    color: #110E38;
  }
}
@media all, bookshop {
  .table-container {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }
}
@media all, bookshop {
  table {
    font-size: 12px;
    color: #110E38;
    width: 100%;
    border-width: 1px;
    border-color: #110E38;
    border-collapse: collapse;
    color: var(--heading-font-color);
  }
}
@media all, bookshop {
  table th {
    padding: 10px;
    font-size: 16px;
    text-align: left;
    border: 1px solid #110E38;
    color: #fff;
    font-weight: 700;
    background-color: #110E38;
  }
}
@media all, bookshop {
  table tr {
    background-color: #f0f0f0;
    transition: all 0.3s ease;
  }
  table tr:nth-child(even) {
    background-color: transparent;
  }
}
@media all, bookshop {
  table td {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #110E38;
  }
}
@media all, bookshop {
  .lazy {
    opacity: 0;
    transition: 0.8s ease-in-out;
  }
}
@media all, bookshop {
  .lazy.loaded {
    opacity: 1;
  }
}
@media all, bookshop {
  .footer {
    position: relative;
    padding: 40px 0 30px;
    overflow: hidden;
    background: linear-gradient(90deg, #1495a7 0%, #003687 167%);
    margin-top: 50px;
  }
  .footer .social {
    margin-bottom: 40px;
  }
  .footer .social .social__item {
    margin: 0 2px;
    font-size: 0;
  }
  .footer .social .social__link {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 50%;
    color: #1495a7;
    background: #fff;
    transition: all 0.25s;
    will-change: transform;
  }
  .footer .social .social__link:hover {
    transform: scale(0.9);
    color: #1495a7;
  }
  .footer .social .social__link:hover::after {
    content: none;
  }
  .footer .social .social__link::after {
    content: none;
  }
  .footer .footer_nav {
    text-align: center;
  }
  .footer .footer_nav .footer_nav__item {
    display: inline;
    margin: 0 24px;
    font-size: 0;
  }
  .footer .footer_nav .footer_nav__link {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
  }
}
@media only screen and (max-width: 1024px) {
  .footer {
    padding: 40px 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  .footer {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 576px) {
  .footer {
    margin-top: 30px;
    padding: 30px 0;
  }
  .footer .footer_nav .footer_nav__item {
    margin: 0 12px;
  }
}
@media all, bookshop {
  .copyright {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
  }
  .copyright p {
    margin: 0;
  }
  .copyright a {
    font-weight: 500;
    color: #fff;
  }
}
@media only screen and (max-width: 576px) {
  .copyright {
    font-size: 14px;
  }
}
@media all, bookshop {
  .c-header {
    height: auto;
    transition: all 0.35s;
  }
}
@media all, bookshop {
  .c-header__inner {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 48px 10px 40px;
    min-height: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .c-header__inner {
    align-items: baseline;
  }
}
@media only screen and (max-width: 576px) {
  .c-header__inner {
    padding: 30px 10px;
  }
}
@media all, bookshop {
  .logo__link {
    font-family: "Inter", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 21px;
    line-height: 26px;
    letter-spacing: -1px;
    font-weight: 900;
    text-transform: uppercase;
  }
  .logo__link:hover {
    color: #110E38;
  }
}
@media all, bookshop {
  .logo__image {
    max-height: 100px;
    border-radius: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .logo__image {
    max-height: 75px;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 576px) {
  .logo__image {
    max-height: 60px;
    border-radius: 10px;
  }
}
@media all, bookshop {
  .main-nav {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .main-nav .social {
    margin-left: auto;
  }
  .main-nav .social .social__link {
    font-size: 18px;
    vertical-align: middle;
  }
  .main-nav .dark-mode-button {
    margin: 3px 30px 0px;
    padding: 5px;
  }
}
@media only screen and (max-width: 576px) {
  .main-nav .dark-mode-button {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 25px;
    margin: 0;
    font-size: 35px;
  }
}
@media only screen and (max-width: 1024px) {
  .main-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    display: block;
    margin: 0;
    opacity: 0;
    overflow: auto;
    background: #fff;
    transition: all 0.25s ease;
  }
  .main-nav.is-open {
    z-index: 999;
    opacity: 1;
    transition: all 0.25s ease;
  }
  .main-nav .nav__list {
    width: 100%;
    max-width: 360px;
    padding-left: 40px;
  }
  .main-nav .nav__list .nav__item {
    display: block;
    margin: 0;
  }
  .main-nav .nav__list .nav__item:last-child {
    margin-right: 0;
  }
  .main-nav .nav__list .nav__item .dropdown-menu {
    position: relative;
    left: 0;
    padding: 0;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    box-shadow: none;
  }
  .main-nav .nav__list .nav__item .dropdown-menu .nav__link {
    margin-left: 8px;
    margin-bottom: 16px;
    font-size: 15px;
  }
  .main-nav .nav__list .nav__item .dropdown-menu .nav__link::before {
    content: "– ";
  }
  .main-nav .nav__list .nav__item .dropdown-menu .nav__link:last-child {
    margin-bottom: 24px;
  }
  .main-nav .nav__list .nav__item .nav__link {
    display: block;
    padding: 0;
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 600;
  }
  .main-nav .nav__list .nav__item .nav__link:hover {
    background-color: inherit;
  }
  .main-nav .nav__list .nav__item .nav__link .arrow-down {
    display: none;
  }
  .main-nav .nav__list .nav__item .nav__link.active-link, .main-nav .nav__list .nav__item .nav__link.cc-active {
    color: #1495a7;
  }
  .main-nav .nav__list .nav__item .nav__link.active-link::after, .main-nav .nav__list .nav__item .nav__link.cc-active::after {
    content: none;
  }
  .main-nav .social {
    margin-left: 28px;
  }
  .main-nav .social .social__list {
    justify-content: flex-start;
  }
}
@media all, bookshop {
  .main-nav__box {
    display: flex;
    align-items: center;
  }
  .main-nav__box .nav__icon-close {
    position: absolute;
    top: 20px;
    right: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    font-size: 18px;
    border-radius: 50%;
    cursor: pointer;
    background: linear-gradient(90deg, #1495a7 0%, #003687 167%);
  }
  .main-nav__box .nav__icon-close:hover .ion-md-close {
    transform: rotate(90deg);
  }
  .main-nav__box .nav__icon-close .ion-md-close {
    color: #fff;
    transition: all 0.35s;
    will-change: transform;
  }
  .main-nav__box .nav__title {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .main-nav__box {
    display: block;
    margin: 24px 0;
  }
  .main-nav__box .nav__icon-close {
    display: flex;
  }
  .main-nav__box .nav__title {
    display: block;
    padding: 0 0 24px 40px;
    margin-bottom: 24px;
    font-size: 32px;
    line-height: 1;
    font-weight: 900;
    color: #110E38;
    border-bottom: 1px solid #d5dce3;
  }
}
@media only screen and (max-width: 576px) {
  .main-nav__box .nav__icon-close {
    right: 30px;
  }
}
@media all, bookshop {
  .nav__list .nav__item {
    display: inline-block;
    margin: 0 24px;
  }
  .nav__list .nav__item:last-child {
    margin-right: 0;
  }
  .nav__list .nav__item .nav__link {
    position: relative;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    cursor: pointer;
  }
  .nav__list .nav__item .nav__link:hover {
    color: #110E38;
  }
  .nav__list .nav__item .nav__link.active-link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    transform: translateX(-50%);
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #1495a7;
  }
  .nav__list .nav__item.dropdown {
    position: relative;
  }
  .nav__list .nav__item.dropdown .arrow-down {
    vertical-align: middle;
  }
  .nav__list .nav__item.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  .nav__list .dropdown-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: -32px;
    transform: translateZ(0) scale(0.9);
    backface-visibility: hidden;
    z-index: 100;
    min-width: 150px;
    display: block;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    border-radius: 8px;
    box-shadow: 0px 20px 20px rgba(20, 149, 167, 0.07);
    background-color: #fff;
  }
  .nav__list .dropdown-menu .nav__link {
    display: flex;
    padding: 8px 12px;
    font-size: 15px;
    border-radius: 4px;
    will-change: transform;
  }
  .nav__list .dropdown-menu .nav__link:hover {
    background-color: rgba(20, 149, 167, 0.1);
  }
  .nav__list .dropdown-menu .nav__link.active-link, .nav__list .dropdown-menu .nav__link.cc-active {
    color: #1495a7;
  }
  .nav__list .dropdown-menu .nav__link.active-link::after, .nav__list .dropdown-menu .nav__link.cc-active::after {
    content: none;
  }
}
@media all, bookshop {
  .nav-button {
    display: flex;
    align-items: center;
    font-size: 24px;
    color: #110E38;
    cursor: pointer;
  }
  .nav-button .nav__icon-menu {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .nav-button {
    margin-left: auto;
  }
  .nav-button .nav__icon-menu {
    display: block;
  }
}
@media all, bookshop {
  .pagination__inner {
    margin: 40px 0 44px;
  }
}
@media all, bookshop {
  .pagination__list {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media all, bookshop {
  .pagination__prev,
  .pagination__count,
  .pagination__next {
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    border-radius: 16px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.07);
    background-color: #fff;
  }
}
@media only screen and (max-width: 576px) {
  .pagination__prev,
  .pagination__count,
  .pagination__next {
    padding: 16px;
  }
}
@media all, bookshop {
  .pagination__prev,
  .pagination__next {
    font-size: 14px;
    will-change: transform;
  }
  .pagination__prev.disabled,
  .pagination__next.disabled {
    color: rgba(17, 14, 56, 0.4);
  }
  .pagination__prev.disabled:hover i,
  .pagination__next.disabled:hover i {
    transform: none;
  }
}
@media all, bookshop {
  .pagination__prev:hover i {
    transform: translateX(-1px);
  }
  .pagination__prev i {
    margin-right: 2px;
    transition: 0.2s;
  }
}
@media all, bookshop {
  .pagination__next:hover i {
    transform: translateX(1px);
  }
  .pagination__next i {
    margin-left: 2px;
    transition: 0.2s;
  }
}
@media all, bookshop {
  .pagination__count {
    margin: 0 6px;
    font-size: 15px;
    font-weight: 600;
    color: rgba(17, 14, 56, 0.7);
  }
}
@media all, bookshop {
  .page a {
    text-decoration: none; /* Remove underline from all links */
    color: inherit; /* Inherit color from parent */
    border-bottom: none;
  }
}
@media all, bookshop {
  .project h2 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .project h2 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 576px) {
  .project h2 {
    font-size: 22px;
  }
}
@media all, bookshop {
  .project {
    display: flex;
    flex-direction: column;
    align-items: left;
    padding: 20px 20px 5px 20px;
    border-bottom: 1px solid #ddd;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
    cursor: pointer; /* Change cursor on hover */
    max-width: 800px;
    margin: 20px auto;
    border-radius: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .project {
    margin: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .project {
    margin: 10px;
  }
}
@media all, bookshop {
  .project-inner-card {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
@media all, bookshop {
  .project:hover {
    transform: translateY(-2px);
  }
}
@media all, bookshop {
  .project img {
    width: 200px;
    height: auto; /* Allow height to adjust proportionally */
    margin-right: 20px;
    border-radius: 5px;
    transition: transform 0.3s;
  }
}
@media only screen and (max-width: 768px) {
  .project img {
    width: 150px;
  }
}
@media only screen and (max-width: 576px) {
  .project img {
    width: 100px;
  }
}
@media all, bookshop {
  .project:hover img {
    transform: scale(1.05);
  }
}
@media all, bookshop {
  .project-description {
    flex: 1;
  }
}
@media all, bookshop {
  .project-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media all, bookshop {
  .project-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
  }
}
@media all, bookshop {
  .project-date {
    font-size: 14px;
    color: #999;
    margin-bottom: 5px;
  }
}
@media all, bookshop {
  .project-footer {
    display: flex;
  }
}
@media all, bookshop {
  .project-tags {
    font-size: 14px;
    color: #666;
    width: 100%;
    text-align: right;
    margin-top: 8px;
    border-top: 1px solid #ddd;
  }
}
@media all, bookshop {
  .project-extra-link {
    font-size: 14px;
    text-decoration: underline;
    float: left;
    z-index: 1;
  }
}
@media all, bookshop {
  .project-details {
    font-size: 14px;
    color: #666;
  }
}

@media only screen and (max-width: 768px) {
  .project-inner-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .project-description {
    padding: 10px 0;
    width: 100%;
  }

  .project-details {
    font-size: 14px;
    line-height: 1.5;
    display: block;
    overflow: visible;
    max-height: none;
    color: #000; /* можно изменить под вашу цветовую схему */
  }

  .project-footer {
    margin-top: 10px;
    font-size: 13px;
  }

  .project img {
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
}
@media all, bookshop {
  .top {
    position: fixed;
    bottom: 40px;
    right: -100px;
    z-index: 1;
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    color: #110E38;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05);
  }
  .top.is-active {
    right: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .top {
    bottom: 25px;
  }
  .top.is-active {
    right: 30px;
  }
}
@media all, bookshop {
  .section {
    padding: 96px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .section {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 576px) {
  .section {
    padding: 60px 0;
  }
}
@media all, bookshop {
  .section__info {
    margin-bottom: 60px;
  }
  .section__info .section__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .section__info .section__head .section__title {
    margin: 0;
    font-size: 32px;
    line-height: 1;
  }
  .section__info .section__head .section__link {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    will-change: transform;
  }
  .section__info .section__head .section__link:hover {
    color: #110E38;
  }
  .section__info .section__head .section__link:hover i {
    transform: translateX(2px);
  }
  .section__info .section__head .section__link i {
    width: 18px;
    height: 18px;
    margin-left: 4px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.0005);
    background: #fff;
    transition: 0.2s;
  }
  .section__info .section__description {
    max-width: 480px;
    line-height: 1.6;
    margin: 32px 0 0;
  }
  .section__info .section__description p {
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .section__info .section__description {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .section__info {
    margin-bottom: 48px;
  }
  .section__info .section__head .section__title {
    margin-right: 12px;
    font-size: 28px;
  }
  .section__info .section__head .section__link {
    font-size: 14px;
  }
}
@media all, bookshop {
  .social {
    text-align: center;
  }
  .social .social__list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .social .social__item {
    display: inline-block;
    margin: 0 2px;
  }
  .social .social__link {
    position: relative;
    z-index: 1;
    padding: 0 10px;
    font-size: 21px;
    line-height: 1;
  }
  .social .social__link:hover {
    color: #fff;
  }
  .social .social__link:hover::after {
    transform: translate3d(-50%, -50%, 0) scale(0.9);
  }
  .social .social__link::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) scale(0);
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%;
    background: linear-gradient(90deg, #1495a7 0%, #003687 167%);
    transition: all 0.25s;
  }
}
@media all, bookshop {
  * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
}
@media all, bookshop {
  :root {
    /* Custom animation timing curves */
    --bezier-easeOutExpo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
    --bezier-easeInOutQuint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
  }
}
@media all, bookshop {
  .scr-banner {
    --scr-banner-imgs-total: 5;
    --scr-banner-inner-width: calc((100vw + var(--scr-banner-offset-x)) / var(--scr-banner-imgs-total));
    --scr-banner-inner-height: calc(100% + (-1 * var(--scr-banner-offset-y))); /* controls also height of image, feel free to adjust along with `.scr-banner` height */
    --scr-banner-offset-x: 90px;
    --scr-banner-offset-y: -70px;
    --scr-banner-skew: -10deg;
    width: 90%;
    margin: 0 auto;
    max-width: 1800px;
    height: 400px;
    background: #000;
    border-radius: 10px; /* optional rounded corners */
    overflow: hidden;
    position: relative;
  }
}
@media only screen and (max-width: 768px) {
  .scr-banner {
    height: 300px;
  }
}
@media only screen and (max-width: 576px) {
  .scr-banner {
    height: 200px;
  }
}
@media all, bookshop {
  .scr-banner-imgs-wrapper {
    width: calc(100% + var(--scr-banner-offset-x) * 1.5);
    height: var(--scr-banner-inner-height);
    display: flex;
  }
}
@media all, bookshop {
  .scr-banner-imgs-item {
    --scr-banner-imgs-item-no: 1;
    --scr-banner-anim-offset: calc(250ms * (var(--scr-banner-imgs-item-no) - 1));
    width: 100%;
    overflow: hidden;
    transform: skew(var(--scr-banner-skew)) translateX(calc(-1 * var(--scr-banner-offset-x)));
    margin: 0 -4px 0 0; /* Slight overlap to hide anti-aliased imprecise gaps */
    position: relative;
    z-index: 5; /* Reverse z-index to hide slight margin overlaps during animation */
    transition: width 500ms var(--bezier-easeOutExpo);
  }
}
@media all, bookshop {
  .scr-banner-imgs-item img {
    all: unset;
    height: var(--scr-banner-inner-height);
    opacity: 0;
    /* Vertical offset + deskew: */
    transform: skew(calc(-1 * var(--scr-banner-skew))) translate(0, var(--scr-banner-offset-y));
    animation: scr-banner-anim-fade 600ms forwards var(--bezier-easeInOutQuint) var(--scr-banner-anim-offset);
  }
}
@media all, bookshop {
  .scr-banner-imgs-item div {
    height: var(--scr-banner-inner-height);
    animation: scr-banner-anim-slide-x-1 2s forwards var(--bezier-easeOutExpo) var(--scr-banner-anim-offset);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media all, bookshop {
  .scr-banner-imgs-item:nth-child(odd) div {
    animation: scr-banner-anim-slide-x-2 2s forwards var(--bezier-easeOutExpo) var(--scr-banner-anim-offset);
  }
}
@media all, bookshop {
  @keyframes scr-banner-anim-fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
}
@media all, bookshop {
  @keyframes scr-banner-anim-slide-x-1 {
    0% {
      transform: translate(-100px, -70px);
    }
    100% {
      transform: translate(0, 0);
    }
  }
}
@media all, bookshop {
  @keyframes scr-banner-anim-slide-x-2 {
    0% {
      transform: translate(90px, 30px);
    }
    100% {
      transform: translate(0, 0);
    }
  }
}
@media all, bookshop {
  .scr-banner-imgs-item:nth-of-type(2) {
    --scr-banner-imgs-item-no: 2;
    z-index: 4;
  }
}
@media all, bookshop {
  .scr-banner-imgs-item:nth-of-type(3) {
    --scr-banner-imgs-item-no: 3;
    z-index: 3;
  }
}
@media all, bookshop {
  .scr-banner-imgs-item:nth-of-type(4) {
    --scr-banner-imgs-item-no: 4;
    z-index: 2;
  }
}
@media all, bookshop {
  .scr-banner-imgs-item:nth-of-type(5) {
    --scr-banner-imgs-item-no: 5;
    z-index: 1;
  }
}
@media all, bookshop {
  .scr-banner-heading {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 2em;
    text-shadow: 0 2px 3px hsla(0deg, 0%, 0%, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    z-index: 6; /* set above highest image container z-index */
  }
}
@media only screen and (max-width: 768px) {
  /* Image to hide when reaching a narrower width */
  .scr-banner-imgs-item:nth-child(3) {
    width: 0;
  }
  /* Adjust animation timing of subsequent image(s) */
  .scr-banner-imgs-item:nth-child(5) {
    --scr-banner-anim-offset: calc(250ms * (var(--scr-banner-imgs-item-no) - 2));
  }
}
@media only screen and (max-width: 576px) {
  .scr-banner-imgs-item:nth-child(2) {
    width: 0;
  }
  .scr-banner-imgs-item:nth-child(3) {
    --scr-banner-anim-offset: calc(250ms * (var(--scr-banner-imgs-item-no) - 2));
  }
  .scr-banner-imgs-item:nth-child(5) {
    --scr-banner-anim-offset: calc(250ms * (var(--scr-banner-imgs-item-no) - 3));
  }
}
@media all, bookshop {
  .album-banner {
    height: 400px;
    width: 95%;
    overflow: hidden;
    margin: 0 auto 30px;
    border-radius: 10px;
    position: relative;
  }
}
@media only screen and (max-width: 768px) {
  .album-banner {
    height: 250px;
    font-size: 38px;
    width: 90%;
  }
}
@media only screen and (max-width: 576px) {
  .album-banner {
    height: 150px;
    font-size: 32px;
    width: 90%;
  }
}
@media all, bookshop {
  .album-banner img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }
}
@media all, bookshop {
  .album-banner .album-text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .album-banner .album-text {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 576px) {
  .album-banner .album-text {
    margin-top: 0px;
  }
}
@media all, bookshop {
  .album-title {
    width: 90%;
    color: #fff;
    justify-content: center;
    z-index: 6; /* set above highest image container z-index */
    font-size: 58px;
    line-height: 1.2;
    font-weight: bold;
    filter: drop-shadow(0 0 10px rgb(0, 0, 0));
  }
}
@media only screen and (max-width: 768px) {
  .album-title {
    font-size: 34px;
  }
}
@media only screen and (max-width: 576px) {
  .album-title {
    font-size: 28px;
  }
}
@media all, bookshop {
  .album-description {
    width: 100%;
    color: #fff;
    text-shadow: 0 2px 3px hsla(0deg, 0%, 0%, 0.8);
    justify-content: center;
    z-index: 6; /* set above highest image container z-index */
    font-size: 24px;
    font-weight: bold;
    align-self: flex-end;
  }
}
@media only screen and (max-width: 768px) {
  .album-description {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .album-description {
    font-size: 14px;
  }
}
@media all, bookshop {
  .album-banner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 40%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(40%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 40%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 40%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 40%); /* IE10+ */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 40%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#002f4b", endColorstr="#00000000",GradientType=0 ); /* IE6-9 */
  }
}
@media all, bookshop {
  .post-top,
  .page-top {
    padding: 48px 0 80px;
  }
  .post-top .row,
  .page-top .row {
    align-items: center;
  }
}
@media only screen and (max-width: 1024px) {
  .post-top,
  .page-top {
    padding: 80px 0 40px;
  }
}
@media only screen and (max-width: 768px) {
  .post-top,
  .page-top {
    padding: 0 0 30px;
  }
}
@media all, bookshop {
  .post-image {
    position: relative;
    margin-left: auto;
    transform: translate(0);
    border-radius: 16px;
    overflow: hidden;
    display: inline-block;
  }
  .post-image .img {
    /*height: 100%;*/
    user-select: none;
    object-fit: cover;
    border-radius: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .post-image .img {
    max-height: 100px;
  }
}
@media only screen and (max-width: 576px) {
  .post-image .img {
    max-height: 100px;
  }
}
@media all, bookshop {
  .post__info {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .post__info {
    margin-left: 0;
    margin-bottom: 10px;
  }
}
@media all, bookshop {
  .post__info .post__info-footer {
    display: flex;
    flex-direction: column;
  }
  .post__info .post__info-footer .reading-time {
    text-align: right;
    position: absolute;
    /*padding-bottom: 100px;*/
    width: 100%;
    display: inline-block;
    flex-grow: 1;
    flex: 1;
    font-size: 24px;
    font-weight: bold;
    align-self: flex-end;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .post__info .post__info-footer .reading-time {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 576px) {
  .post__info .post__info-footer .reading-time {
    font-size: 20px;
    padding-right: 0px;
  }
}
@media all, bookshop {
  .page__info {
    max-width: 760px;
    margin: 0 auto;
  }
}
@media all, bookshop {
  .post-tags {
    display: flex;
    margin-top: 10px;
  }
  .post-tags .post-tags__tag {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px 4px 0;
    font-size: 12px;
    line-height: 10px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(90deg, #1495a7 0%, #003687 167%);
  }
  .post-tags .post-tags__tag:hover:before {
    opacity: 1;
  }
  .post-tags .post-tags__tag::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 8px;
    will-change: transform;
    transition: opacity 0.35s;
    background: linear-gradient(90deg, #1495a7 0%, #003687 107%);
  }
  .post-tags .post-tags__tag:last-child {
    margin: 0 0 4px 0;
  }
}
@media all, bookshop {
  .post__title,
  .page__title {
    font-size: 58px;
    line-height: 1.2;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1130px) {
  .post__title,
  .page__title {
    font-size: 44px;
  }
}
@media only screen and (max-width: 768px) {
  .post__title,
  .page__title {
    font-size: 38px;
  }
}
@media only screen and (max-width: 576px) {
  .post__title,
  .page__title {
    font-size: 32px;
  }
}
@media all, bookshop {
  .page__title {
    margin-bottom: 0;
  }
}
@media all, bookshop {
  .post__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .post__meta .post__author-image {
    position: relative;
    width: 44px;
    height: 44px;
    margin-right: 8px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #d5dce3;
  }
  .post__meta .post__author-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    user-select: none;
  }
  .post__meta .post__meta-bottom {
    display: flex;
    flex-direction: column;
  }
  .post__meta .post__author {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
  }
  .post__meta .post__date {
    font-size: 20px;
    line-height: 14px;
  }
}
@media only screen and (max-width: 768px) {
  .post__meta .post__date {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .post__meta .post__date {
    margin-top: 12px;
  }
}
@media all, bookshop {
  .post,
  .page {
    max-width: 780px;
    margin: 0 auto 40px;
  }
  .post a,
  .page a {
    font-weight: 500;
    border-bottom: 1px solid #d5dce3;
  }
  .post a:hover,
  .page a:hover {
    color: #110E38;
    border-bottom-color: #110E38;
  }
  .post img, .post .js-reframe,
  .page img,
  .page .js-reframe {
    border-radius: 8px;
    overflow: hidden;
  }
  .post img.lightense-open, .post .js-reframe.lightense-open,
  .page img.lightense-open,
  .page .js-reframe.lightense-open {
    border-radius: 0;
  }
  .post .button,
  .page .button {
    border: none;
    text-decoration: none;
  }
}
@media all, bookshop {
  .post__share {
    margin: 32px 0 15px;
  }
  .post__share .share__head {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
  }
  .post__share .share__list {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .post__share .share__item {
    margin: 0 2px;
    text-align: center;
  }
  .post__share .share__link {
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    font-size: 16px;
    border: none;
    color: #fff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.07);
  }
  .post__share .share__link.share__facebook, .post__share .share__link.share__twitter, .post__share .share__link.share__linkedin, .post__share .share__link.share__pinterest {
    background: #fff;
  }
  .post__share .share__link.share__facebook:hover, .post__share .share__link.share__twitter:hover, .post__share .share__link.share__linkedin:hover, .post__share .share__link.share__pinterest:hover {
    color: #fff;
  }
  .post__share .share__link.share__facebook {
    color: #3b5998;
  }
  .post__share .share__link.share__facebook:hover {
    background: #3b5998;
  }
  .post__share .share__link.share__twitter {
    color: #55acee;
  }
  .post__share .share__link.share__twitter:hover {
    background: #55acee;
  }
  .post__share .share__link.share__linkedin {
    color: #0077b5;
  }
  .post__share .share__link.share__linkedin:hover {
    background: #0077b5;
  }
  .post__share .share__link.share__pinterest {
    color: #bd081c;
  }
  .post__share .share__link.share__pinterest:hover {
    background: #bd081c;
  }
}
@media only screen and (max-width: 576px) {
  .post__share {
    margin: 40px 0;
  }
}
@media all, bookshop {
  .post__navigation {
    display: flex;
    justify-content: space-between;
  }
  .post__navigation .post__prev, .post__navigation .post__next {
    display: flex;
    align-items: center;
    width: 49%;
    padding: 28px;
    margin-bottom: 20px;
    border-radius: 16px;
    background: linear-gradient(90deg, #1495a7 0%, #003687 167%);
    transition: transform 0.2s;
  }
  .post__navigation .post__prev:hover, .post__navigation .post__next:hover {
    transform: translateY(-3px);
  }
  .post__navigation .post__prev .prev__image,
  .post__navigation .post__prev .next__image, .post__navigation .post__next .prev__image,
  .post__navigation .post__next .next__image {
    position: relative;
    transform: translate(0);
    display: block;
    min-width: 125px;
    height: 110px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
    background-color: #d5dce3;
  }
  .post__navigation .post__prev .prev__image img,
  .post__navigation .post__prev .next__image img, .post__navigation .post__next .prev__image img,
  .post__navigation .post__next .next__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .post__navigation .post__prev .prev__image, .post__navigation .post__next .prev__image {
    margin-right: 20px;
  }
  .post__navigation .post__prev .next__image, .post__navigation .post__next .next__image {
    margin-left: 20px;
  }
  .post__navigation .post__prev .post__nav, .post__navigation .post__next .post__nav {
    display: inline-block;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    opacity: 0.7;
  }
  .post__navigation .post__prev .post__nav__title, .post__navigation .post__next .post__nav__title {
    margin-bottom: 0;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
    color: #fff;
  }
  .post__navigation .post__prev .post__nav__title a:hover, .post__navigation .post__next .post__nav__title a:hover {
    color: #fff;
  }
  .post__navigation .post__next {
    text-align: right;
    margin-left: auto;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 768px) {
  .post__navigation {
    flex-wrap: wrap;
  }
  .post__navigation .post__prev, .post__navigation .post__next {
    width: 100%;
  }
  .post__navigation .post__prev:last-child, .post__navigation .post__next:last-child {
    margin-bottom: 0;
  }
  .post__navigation .post__prev {
    margin-bottom: 30px;
  }
  .post__navigation .next__box {
    margin-left: auto;
  }
}
@media only screen and (max-width: 576px) {
  .post__navigation {
    margin-bottom: 0;
  }
  .post__navigation .post__prev, .post__navigation .post__next {
    padding: 20px;
  }
  .post__navigation .post__prev .post__nav__title, .post__navigation .post__next .post__nav__title {
    font-size: 16px;
  }
}
@media all, bookshop {
  .related-posts {
    display: none;
    margin-top: 80px;
  }
  .related-posts.is-related {
    display: block;
  }
  .related-posts .related-tag {
    text-transform: capitalize;
  }
}
@media only screen and (max-width: 576px) {
  .related-posts {
    margin-top: 60px;
  }
  .related-posts .row .col:last-child {
    margin-bottom: 0;
  }
}
@media all, bookshop {
  .post__comments {
    max-width: 780px;
    margin: 80px auto 40px;
  }
}
@media only screen and (max-width: 576px) {
  .post__comments {
    margin: 60px auto 0;
  }
}
@media all, bookshop {
  .project-subtitle {
    margin: 20px 0 0;
    font-size: 21px;
    line-height: 1;
    font-weight: 700;
  }
}
@media only screen and (max-width: 576px) {
  .project-subtitle {
    margin: 16px 0 0;
    font-size: 18px;
  }
}
@media all, bookshop {
  .project__navigation {
    max-width: 780px;
    margin: 80px auto 40px;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .project__navigation {
    margin: 60px auto 40px;
  }
}
@media all, bookshop {
  .project__prev:hover {
    color: #110E38;
  }
  .project__prev:hover .project__nav__title .arrow-right {
    opacity: 1;
    transform: translateX(3px);
  }
}
@media all, bookshop {
  .project__nav__info {
    display: inline-block;
    margin: 0 20px 4px 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
  }
}
@media all, bookshop {
  .project__nav__title {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 1.2;
  }
  .project__nav__title .arrow-right {
    margin-left: 2px;
    font-size: 30px;
    opacity: 0;
    transition: 0.2s linear;
  }
}
@media only screen and (max-width: 768px) {
  .project__nav__title {
    font-size: 36px;
  }
}
@media all, bookshop {
  .pig-wrapper {
    margin: 0 100px;
  }
}
@media only screen and (max-width: 768px) {
  .pig-wrapper {
    margin: 0 50px;
  }
}
@media only screen and (max-width: 576px) {
  .pig-wrapper {
    margin: 0 30px;
  }
}
@media all, bookshop {
  .gridContainer {
    width: 95%;
    margin: 0 auto;
  }
}
@media all, bookshop {
  .image-row {
    width: 100%;
    white-space: nowrap;
    line-height: 0;
  }
}
@media all, bookshop {
  .image-row img {
    margin-right: 5px;
    margin-bottom: 5px;
  }
}
@media all, bookshop {
  img.pig-loaded {
    margin: 0;
  }
}
@media all, bookshop {
  .c-album-card {
    margin-bottom: 20px;
    transition: transform 0.2s ease;
  }
}

@media only screen and (max-width: 768px) {
  .c-album-card:last-child {
    margin-bottom: 0;
  }
}

@media all, bookshop {
  .c-album-card__image {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    user-select: none;
    background-color: #d5dce3;
  }

  .c-album-card__image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 1; /* Показываем затемнение всегда */
    visibility: visible;
    background: linear-gradient(360deg, #1495a7 0%, rgba(0, 54, 135, 0.01) 45%);
    transition: none;
  }

  .c-album-card__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    background-color: #d5dce3;
    pointer-events: none;
    transition: none;
    will-change: transform;
  }

  /* Убираем эффекты при наведении */
  .c-album-card__image:hover::before {
    opacity: 1;
    visibility: visible;
  }

  .c-album-card__image:hover img {
    transform: none;
  }
}

@media only screen and (max-width: 768px) {
  .c-album-card__image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: right center; /* важно: сдвиг влево, чтобы видно было правую часть */
  }
}

@media only screen and (max-width: 768px) {
  .c-album-card__image img {
    width: 100%;
    height: 200px; /* фиксированная высота — можно подкорректировать под твой дизайн */
    object-fit: cover;
    object-position: right center;
    display: block;
  }
}

@media all, bookshop {
  .c-album-card__content {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    height: 350px;
    border-radius: 16px;
    transform: translate(0);
    box-shadow: 0px 0px 30px rgba(20, 149, 167, 0.1);
    overflow: hidden;
  }
}

@media only screen and (max-width: 576px) {
  .c-album-card__content .album__info {
    padding: 0 32px 32px;
  }
}

@media all, bookshop {
  .c-album-card__content::after {
    content: "";
    display: table;
    padding-top: 110%;
  }
}

@media all, bookshop {
  .c-album-card__info {
    z-index: 2;
    width: 100%;
    margin-top: auto;
    padding: 0 32px 36px;
    text-align: center;
    pointer-events: none;
    position: relative;
  }
}

@media all, bookshop {
  .c-album-card__info-wrap {
    overflow: hidden;
  }
}

@media all, bookshop {
  .c-album-card__title {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 0;
    transform: none;
    opacity: 1; /* Всегда видно */
    color: #fff;
    font-weight: 500;
    transition: none;
  }
}

@media all, bookshop {
  .c-album-card__subtitle {
    font-size: 16px;
    line-height: 1.4;
    transform: none;
    opacity: 1;
    color: #fff;
    transition: none;
  }

  .c-album-card__subtitle:hover {
    opacity: 0.7;
  }
}

/* Убираем hover-эффект появления текста */
@media all, bookshop {
  .c-album-card:hover .c-album-card__title,
  .c-album-card:hover .c-album-card__subtitle {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
@media all, bookshop {
  .album-order-wrapper {
    text-align: center;
    flex: auto;
    flex-direction: column;
    font-size: 26px;
    margin: 40px auto 25px;
  }
}
@media only screen and (max-width: 768px) {
  .album-order-wrapper {
    font-size: 24px;
  }
}
@media only screen and (max-width: 576px) {
  .album-order-wrapper {
    font-size: 22px;
  }
}
@media all, bookshop {
  .album-order-options {
    display: flex;
    justify-content: space-between;
    width: 450px;
    margin: 0 auto;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .album-order-options {
    width: 400px;
  }
}
@media only screen and (max-width: 576px) {
  .album-order-options {
    width: 300px;
  }
}
@media all, bookshop {
  .album-order-selector {
    padding: 8px 12px;
    font-size: 24px;
    border-radius: 4px;
    will-change: transform;
    cursor: pointer;
    padding: 0;
    border: none;
    background: none;
  }
}
@media only screen and (max-width: 768px) {
  .album-order-selector {
    font-size: 22px;
  }
}
@media only screen and (max-width: 576px) {
  .album-order-selector {
    font-size: 20px;
  }
}
@media all, bookshop {
  .album-order-selector:hover {
    /*background-color: rgba($primary-color, 0.1);*/
  }
}
@media all, bookshop {
  .album-order-selector.active-link, .album-order-selector.cc-active {
    color: #1495a7;
    cursor: default;
  }
  .album-order-selector.active-link::after, .album-order-selector.cc-active::after {
    content: none;
  }
}
@media all, bookshop {
  .c-blog-card {
    margin-bottom: 20px;
    will-change: transform;
    transition: transform 0.2s;
  }
  .c-blog-card:hover {
    transform: translateY(-4px);
  }
  .c-blog-card:hover .article__inner {
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 768px) {
  .c-blog-card:last-child {
    margin-bottom: 0;
  }
}
@media all, bookshop {
  .c-blog-card__inner {
    border-radius: 16px;
    overflow: hidden;
    transform: translate(0);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.2s;
  }
}
@media all, bookshop {
  .c-blog-card__image-wrap {
    background: #fff;
  }
}
@media all, bookshop {
  .c-blog-card__image {
    position: relative;
    display: block;
    height: 0;
    /*height: 213px;*/
    padding-bottom: 71.25%;
    background: #d5dce3;
    overflow: hidden;
  }
  .c-blog-card__image img {
    position: absolute;
    width: 100%;
    /*height: 213px;*/
    height: 100%;
    object-fit: cover;
    background-color: #d5dce3;
  }
}
@media all, bookshop {
  .c-blog-card__content {
    position: relative;
    z-index: 1;
    padding: 28px 28px 14px 28px;
    margin-top: -20px;
    border-radius: 16px 16px 0 0;
    background: #fff;
  }
}
@media all, bookshop {
  .c-blog-card__tags-box {
    display: flex;
  }
}
@media all, bookshop {
  .c-blog-card__tag {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px 4px 0;
    font-size: 12px;
    line-height: 10px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(90deg, #1495a7 0%, #003687 167%);
  }
  .c-blog-card__tag:hover:before {
    opacity: 1;
  }
  .c-blog-card__tag::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 8px;
    will-change: transform;
    transition: opacity 0.35s;
    background: linear-gradient(90deg, #1495a7 0%, #003687 107%);
  }
  .c-blog-card__tag:last-child {
    margin: 0 0 4px 0;
  }
}
@media all, bookshop {
  .c-blog-card__title {
    margin: 16px 0;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
  }
  .c-blog-card__title a:hover {
    color: #110E38;
  }
}
@media only screen and (max-width: 576px) {
  .c-blog-card__title {
    font-size: 22px;
  }
}
@media all, bookshop {
  .c-blog-card__excerpt {
    /*display: -webkit-box;*/
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 10px;
    color: #110E38;
    overflow-y: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media all, bookshop {
  .c-blog-card__meta {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    font-size: 16px;
    font-weight: bold;
  }
}
@media all, bookshop {
  .c-blog-card__author-image {
    position: relative;
    width: 44px;
    height: 44px;
    margin-right: 8px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #d5dce3;
  }
  .c-blog-card__author-image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
  }
}
@media all, bookshop {
  .c-blog-card__info {
    display: flex;
    flex-direction: column;
  }
}
@media all, bookshop {
  .c-blog-card__author-name {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
  }
}
@media all, bookshop {
  .c-blog-card__date {
    font-size: 12px;
    line-height: 14px;
  }
}
@media all, bookshop {
  .article {
    margin-bottom: 20px;
    will-change: transform;
    transition: transform 0.2s;
  }
  .article:hover {
    transform: translateY(-4px);
  }
  .article:hover .article__inner {
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 768px) {
  .article:last-child {
    margin-bottom: 0;
  }
}
@media all, bookshop {
  .article__inner {
    border-radius: 16px;
    overflow: hidden;
    transform: translate(0);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.2s;
  }
}
@media all, bookshop {
  .image-wrap {
    background: #fff;
  }
}
@media all, bookshop {
  .article__image {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 71.25%;
    background: #d5dce3;
    overflow: hidden;
  }
  .article__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #d5dce3;
  }
}
@media all, bookshop {
  .article__content {
    position: relative;
    z-index: 1;
    padding: 28px;
    margin-top: -20px;
    border-radius: 16px 16px 0 0;
    background: #fff;
  }
}
@media all, bookshop {
  .article-tags__box {
    display: flex;
  }
  .article-tags__box .article__tag {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px 4px 0;
    font-size: 12px;
    line-height: 10px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(90deg, #1495a7 0%, #003687 167%);
  }
  .article-tags__box .article__tag:hover:before {
    opacity: 1;
  }
  .article-tags__box .article__tag::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 8px;
    will-change: transform;
    transition: opacity 0.35s;
    background: linear-gradient(90deg, #1495a7 0%, #003687 107%);
  }
  .article-tags__box .article__tag:last-child {
    margin: 0 0 4px 0;
  }
}
@media all, bookshop {
  .article__title {
    margin: 16px 0;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
  }
  .article__title a:hover {
    color: #110E38;
  }
}
@media only screen and (max-width: 576px) {
  .article__title {
    font-size: 22px;
  }
}
@media all, bookshop {
  .article__excerpt {
    display: -webkit-box;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #110E38;
    overflow-y: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media all, bookshop {
  .article__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media all, bookshop {
  .article__author-image {
    position: relative;
    width: 44px;
    height: 44px;
    margin-right: 8px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #d5dce3;
  }
  .article__author-image img {
    position: absolute;
    top: 0;
    left: 0;
    /*height: 100%;*/
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
  }
}
@media all, bookshop {
  .article-info {
    display: flex;
    flex-direction: column;
  }
  .article-info .article__author-name {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
  }
  .article-info .article__date {
    font-size: 12px;
    line-height: 14px;
  }
}
@media all, bookshop {
  .c-button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-weight: 700;
    border-radius: 16px;
    white-space: nowrap;
    border: none;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.25s ease;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05);
    will-change: transform;
  }
  .c-button:active {
    transform: translateY(2px) scale(0.98);
  }
  .c-button--primary {
    color: #fff;
    background: linear-gradient(90deg, #1495a7 0%, #003687 167%);
  }
  .c-button--primary:hover {
    color: #fff !important;
  }
  .c-button--primary:hover:before {
    opacity: 1;
  }
  .c-button--primary::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    will-change: transform;
    transition: opacity 0.35s;
    background: linear-gradient(90deg, #1495a7 0%, #003687 107%);
  }
  .c-button--secondary {
    color: #110E38;
    background: #fff;
  }
  .c-button--secondary:hover {
    color: #110E38;
  }
  .c-button--small {
    padding: 16px 32px;
    font-size: 16px;
  }
  .c-button--large {
    padding: 24px 44px;
    font-size: 18px;
  }
}
@media all, bookshop {
  .c-contact-form .container {
    position: relative;
  }
  .c-contact-form__form-box {
    max-width: 580px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .c-contact-form__contact-head {
    margin-bottom: 48px;
    text-align: center;
  }
  .c-contact-form__contact-title {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 58px;
  }
  .c-contact-form__contact-description {
    font-size: 20px;
    font-weight: 600;
  }
}
@media only screen and (max-width: 576px) {
  .c-contact-form__contact-description {
    font-size: 16px;
  }
}
@media all, bookshop {
  .c-contact-form__form {
    position: relative;
    margin-bottom: 0px;
  }
}
@media all, bookshop {
  .c-contact-form__form-group {
    margin-bottom: 20px;
    font-size: 0;
  }
  .c-contact-form__form-group--button {
    text-align: center;
    margin-bottom: 20px;
  }
}
@media all, bookshop {
  .c-contact-form__form-input {
    width: 100%;
    padding: 22px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #d5dce3;
    border-radius: 8px;
    outline: none;
    transition: all 0.35s;
    resize: vertical;
    color: #110E38;
    background: #fff;
  }
  .c-contact-form__form-input::placeholder {
    font-weight: 500;
    color: rgba(17, 14, 56, 0.3);
  }
  .c-contact-form__form-input:focus {
    border-color: #1495a7;
    box-shadow: 0px 4px 10px rgba(20, 149, 167, 0.25);
  }
}
@media all, bookshop {
  .page {
    max-width: 780px;
    margin: 0 auto 60px;
  }
  .page a {
    font-weight: 500;
    border-bottom: 1px solid #d5dce3;
  }
  .page a:hover {
    color: #110E38;
    border-bottom-color: #110E38;
  }
}
@media all, bookshop {
  .c-hero {
    padding: 96px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .c-hero {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 768px) {
  .c-hero {
    padding: 40px 0 80px;
  }
}
@media only screen and (max-width: 576px) {
  .c-hero {
    padding: 30px 0 60px;
  }
}
@media all, bookshop {
  .c-hero__inner {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .c-hero__inner {
    flex-direction: column;
  }
}
@media all, bookshop {
  .c-hero__left, .c-hero__right {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .c-hero__left, .c-hero__right {
    width: 100%;
  }
}
@media all, bookshop {
  .c-hero__left {
    max-width: 510px;
    padding-right: 20px;
    margin-right: auto;
  }
}
@media only screen and (max-width: 768px) {
  .c-hero__left {
    max-width: 100%;
    padding-right: 0;
  }
}
@media all, bookshop {
  .c-hero__right {
    position: relative;
  }
}
@media only screen and (max-width: 1130px) {
  .c-hero__right .c-hero__image {
    width: 400px;
    height: 420px;
  }
}
@media only screen and (max-width: 1024px) {
  .c-hero__right .c-hero__image {
    width: 340px;
    height: 360px;
  }
}
@media only screen and (max-width: 768px) {
  .c-hero__right {
    order: -1;
  }
  .c-hero__right .c-hero__image {
    width: 50%;
    height: 380px;
    margin-bottom: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .c-hero__right .c-hero__image::before {
    border-radius: 30px;
  }
  .c-hero__right .c-hero__image img {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .c-hero__right .c-hero__image {
    height: 280px;
    margin-bottom: 32px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
  .c-hero__right .c-hero__image::before {
    border-radius: 16px;
  }
  .c-hero__right .c-hero__image img {
    border-radius: 16px;
    box-shadow: none;
  }
}
@media all, bookshop {
  .c-hero__title {
    margin-bottom: 20px;
    font-size: 58px;
    color: #110E38;
  }
}
@media only screen and (max-width: 1130px) {
  .c-hero__title {
    font-size: 44px;
  }
}
@media only screen and (max-width: 1024px) {
  .c-hero__title {
    font-size: 38px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 576px) {
  .c-hero__title {
    font-size: 32px;
  }
}
@media all, bookshop {
  .c-hero__description p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.6;
    color: #110E38;
  }
}
@media only screen and (max-width: 1024px) {
  .c-hero__description p {
    font-size: 16px;
  }
}
@media all, bookshop {
  .c-hero__btn {
    display: flex;
    align-items: center;
    margin-top: 40px;
  }
  .c-hero__btn .cta-button {
    margin-right: 8px;
  }
  .c-hero__btn .works-button:hover .circle-bg {
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale(0.94);
  }
  .c-hero__btn .works-button .circle-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    margin-right: 8px;
    font-size: 14px;
    border-radius: 50%;
    will-change: transform;
    background: linear-gradient(90deg, #1495a7 0%, #003687 167%);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .c-hero__btn .works-button .button-arrow {
    color: #fff;
  }
}
@media only screen and (max-width: 1024px) {
  .c-hero__btn {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 576px) {
  .c-hero__btn .cta-button,
  .c-hero__btn .works-button {
    font-size: 15px;
  }
}
@media all, bookshop {
  .c-hero__image {
    position: relative;
    z-index: 10;
    width: 480px;
    height: 520px;
    margin-left: auto;
  }
  .c-hero__image::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    /*width: 100%;*/
    height: 100%;
    border-radius: 60px;
    background: #d5dce3;
  }
  .c-hero__image img {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    /* width: 100%;*/
    border-radius: 60px;
    object-fit: cover;
    user-select: none;
    box-shadow: 0px 100px 80px rgba(20, 149, 167, 0.07), 0px 41.7776px 33.4221px rgba(20, 149, 167, 0.0503198), 0px 22.3363px 17.869px rgba(20, 149, 167, 0.0417275), 0px 12.5216px 10.0172px rgba(20, 149, 167, 0.035), 0px 6.6501px 5.32008px rgba(20, 149, 167, 0.0282725), 0px 2.76726px 2.21381px rgba(20, 149, 167, 0.0196802);
    transition: inherit;
    background: #d5dce3;
  }
}
@media all, bookshop {
  .article {
    margin-bottom: 20px;
    will-change: transform;
    transition: transform 0.2s;
  }
  .article:hover {
    transform: translateY(-4px);
  }
  .article:hover .article__inner {
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 768px) {
  .article:last-child {
    margin-bottom: 0;
  }
}
@media all, bookshop {
  .article__inner {
    border-radius: 16px;
    overflow: hidden;
    transform: translate(0);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.2s;
  }
}
@media all, bookshop {
  .image-wrap {
    background: #fff;
  }
}
@media all, bookshop {
  .article__image {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 71.25%;
    background: #d5dce3;
    overflow: hidden;
  }
  .article__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #d5dce3;
  }
}
@media all, bookshop {
  .article__content {
    position: relative;
    z-index: 1;
    padding: 28px;
    margin-top: -20px;
    border-radius: 16px 16px 0 0;
    background: #fff;
  }
}
@media all, bookshop {
  .article-tags__box {
    display: flex;
  }
  .article-tags__box .article__tag {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px 4px 0;
    font-size: 12px;
    line-height: 10px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(90deg, #1495a7 0%, #003687 167%);
  }
  .article-tags__box .article__tag:hover:before {
    opacity: 1;
  }
  .article-tags__box .article__tag::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 8px;
    will-change: transform;
    transition: opacity 0.35s;
    background: linear-gradient(90deg, #1495a7 0%, #003687 107%);
  }
  .article-tags__box .article__tag:last-child {
    margin: 0 0 4px 0;
  }
}
@media all, bookshop {
  .article__title {
    margin: 16px 0;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
  }
  .article__title a:hover {
    color: #110E38;
  }
}
@media only screen and (max-width: 576px) {
  .article__title {
    font-size: 22px;
  }
}
@media all, bookshop {
  .article__excerpt {
    display: -webkit-box;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #110E38;
    overflow-y: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media all, bookshop {
  .article__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media all, bookshop {
  .article__author-image {
    position: relative;
    width: 44px;
    height: 44px;
    margin-right: 8px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #d5dce3;
  }
  .article__author-image img {
    position: absolute;
    top: 0;
    left: 0;
    /*height: 100%;*/
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
  }
}
@media all, bookshop {
  .article-info {
    display: flex;
    flex-direction: column;
  }
  .article-info .article__author-name {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
  }
  .article-info .article__date {
    font-size: 12px;
    line-height: 14px;
  }
}
@media all, bookshop {
  .article {
    margin-bottom: 20px;
    will-change: transform;
    transition: transform 0.2s;
  }
  .article:hover {
    transform: translateY(-4px);
  }
  .article:hover .article__inner {
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 768px) {
  .article:last-child {
    margin-bottom: 0;
  }
}
@media all, bookshop {
  .article__inner {
    border-radius: 16px;
    overflow: hidden;
    transform: translate(0);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.2s;
  }
}
@media all, bookshop {
  .image-wrap {
    background: #fff;
  }
}
@media all, bookshop {
  .article__image {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 71.25%;
    background: #d5dce3;
    overflow: hidden;
  }
  .article__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #d5dce3;
  }
}
@media all, bookshop {
  .article__content {
    position: relative;
    z-index: 1;
    padding: 28px;
    margin-top: -20px;
    border-radius: 16px 16px 0 0;
    background: #fff;
  }
}
@media all, bookshop {
  .article-tags__box {
    display: flex;
  }
  .article-tags__box .article__tag {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px 4px 0;
    font-size: 12px;
    line-height: 10px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(90deg, #1495a7 0%, #003687 167%);
  }
  .article-tags__box .article__tag:hover:before {
    opacity: 1;
  }
  .article-tags__box .article__tag::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 8px;
    will-change: transform;
    transition: opacity 0.35s;
    background: linear-gradient(90deg, #1495a7 0%, #003687 107%);
  }
  .article-tags__box .article__tag:last-child {
    margin: 0 0 4px 0;
  }
}
@media all, bookshop {
  .article__title {
    margin: 16px 0;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
  }
  .article__title a:hover {
    color: #110E38;
  }
}
@media only screen and (max-width: 576px) {
  .article__title {
    font-size: 22px;
  }
}
@media all, bookshop {
  .article__excerpt {
    display: -webkit-box;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #110E38;
    overflow-y: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media all, bookshop {
  .article__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media all, bookshop {
  .article__author-image {
    position: relative;
    width: 44px;
    height: 44px;
    margin-right: 8px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #d5dce3;
  }
  .article__author-image img {
    position: absolute;
    top: 0;
    left: 0;
    /*height: 100%;*/
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
  }
}
@media all, bookshop {
  .article-info {
    display: flex;
    flex-direction: column;
  }
  .article-info .article__author-name {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
  }
  .article-info .article__date {
    font-size: 12px;
    line-height: 14px;
  }
}
@media all, bookshop {
  .c-page-heading {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
  }
  .c-page-heading__title {
    margin: 0;
    font-size: 58px;
    line-height: 1.12;
    padding: 96px 0 30px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .c-page-heading__title {
    padding: 80px 0 20px 0;
  }
}
@media only screen and (max-width: 768px) {
  .c-page-heading__title {
    font-size: 36px;
    padding: 40px 0 15px 0;
  }
}
@media only screen and (max-width: 576px) {
  .c-page-heading__title {
    font-size: 32px;
    padding: 30px 0 10px 0;
  }
}
@media all, bookshop {
  .c-page-heading__description {
    margin: 30px auto;
    max-width: 560px;
    line-height: 1.6;
    text-align: justify;
  }
}
@media only screen and (max-width: 768px) {
  .c-page-heading__description {
    margin: 40px auto;
  }
}
@media only screen and (max-width: 576px) {
  .c-page-heading__description {
    margin: 24px auto;
  }
}
@media all, bookshop {
  .c-page-image {
    position: relative;
    transform: translate(0);
    /*padding-top: 56.25%;*/
    /*min-height: 280px;*/
    border-radius: 16px;
    overflow: hidden;
    /*background: $blue-gray;*/
  }
  .c-page-image .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
  }
}
@media only screen and (max-width: 1024px) {
  .c-page-image {
    /*padding-top: 65%;*/
    margin: 40px 0 0;
  }
}
@media only screen and (max-width: 576px) {
  .c-page-image {
    margin: 32px 0 0;
  }
}
@media all, bookshop {
  .article {
    margin-bottom: 20px;
    will-change: transform;
    transition: transform 0.2s;
  }
  .article:hover {
    transform: translateY(-4px);
  }
  .article:hover .article__inner {
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 768px) {
  .article:last-child {
    margin-bottom: 0;
  }
}
@media all, bookshop {
  .article__inner {
    border-radius: 16px;
    overflow: hidden;
    transform: translate(0);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.2s;
  }
}
@media all, bookshop {
  .image-wrap {
    background: #fff;
  }
}
@media all, bookshop {
  .article__image {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 71.25%;
    background: #d5dce3;
    overflow: hidden;
  }
  .article__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #d5dce3;
  }
}
@media all, bookshop {
  .article__content {
    position: relative;
    z-index: 1;
    padding: 28px;
    margin-top: -20px;
    border-radius: 16px 16px 0 0;
    background: #fff;
  }
}
@media all, bookshop {
  .article-tags__box {
    display: flex;
  }
  .article-tags__box .article__tag {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px 4px 0;
    font-size: 12px;
    line-height: 10px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(90deg, #1495a7 0%, #003687 167%);
  }
  .article-tags__box .article__tag:hover:before {
    opacity: 1;
  }
  .article-tags__box .article__tag::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 8px;
    will-change: transform;
    transition: opacity 0.35s;
    background: linear-gradient(90deg, #1495a7 0%, #003687 107%);
  }
  .article-tags__box .article__tag:last-child {
    margin: 0 0 4px 0;
  }
}
@media all, bookshop {
  .article__title {
    margin: 16px 0;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
  }
  .article__title a:hover {
    color: #110E38;
  }
}
@media only screen and (max-width: 576px) {
  .article__title {
    font-size: 22px;
  }
}
@media all, bookshop {
  .article__excerpt {
    display: -webkit-box;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #110E38;
    overflow-y: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media all, bookshop {
  .article__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media all, bookshop {
  .article__author-image {
    position: relative;
    width: 44px;
    height: 44px;
    margin-right: 8px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #d5dce3;
  }
  .article__author-image img {
    position: absolute;
    top: 0;
    left: 0;
    /*height: 100%;*/
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
  }
}
@media all, bookshop {
  .article-info {
    display: flex;
    flex-direction: column;
  }
  .article-info .article__author-name {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
  }
  .article-info .article__date {
    font-size: 12px;
    line-height: 14px;
  }
}
@media all, bookshop {
  .article {
    margin-bottom: 20px;
    will-change: transform;
    transition: transform 0.2s;
  }
  .article:hover {
    transform: translateY(-4px);
  }
  .article:hover .article__inner {
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 768px) {
  .article:last-child {
    margin-bottom: 0;
  }
}
@media all, bookshop {
  .article__inner {
    border-radius: 16px;
    overflow: hidden;
    transform: translate(0);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.2s;
  }
}
@media all, bookshop {
  .image-wrap {
    background: #fff;
  }
}
@media all, bookshop {
  .article__image {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 71.25%;
    background: #d5dce3;
    overflow: hidden;
  }
  .article__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #d5dce3;
  }
}
@media all, bookshop {
  .article__content {
    position: relative;
    z-index: 1;
    padding: 28px;
    margin-top: -20px;
    border-radius: 16px 16px 0 0;
    background: #fff;
  }
}
@media all, bookshop {
  .article-tags__box {
    display: flex;
  }
  .article-tags__box .article__tag {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px 4px 0;
    font-size: 12px;
    line-height: 10px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(90deg, #1495a7 0%, #003687 167%);
  }
  .article-tags__box .article__tag:hover:before {
    opacity: 1;
  }
  .article-tags__box .article__tag::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 8px;
    will-change: transform;
    transition: opacity 0.35s;
    background: linear-gradient(90deg, #1495a7 0%, #003687 107%);
  }
  .article-tags__box .article__tag:last-child {
    margin: 0 0 4px 0;
  }
}
@media all, bookshop {
  .article__title {
    margin: 16px 0;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
  }
  .article__title a:hover {
    color: #110E38;
  }
}
@media only screen and (max-width: 576px) {
  .article__title {
    font-size: 22px;
  }
}
@media all, bookshop {
  .article__excerpt {
    display: -webkit-box;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #110E38;
    overflow-y: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media all, bookshop {
  .article__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media all, bookshop {
  .article__author-image {
    position: relative;
    width: 44px;
    height: 44px;
    margin-right: 8px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #d5dce3;
  }
  .article__author-image img {
    position: absolute;
    top: 0;
    left: 0;
    /*height: 100%;*/
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
  }
}
@media all, bookshop {
  .article-info {
    display: flex;
    flex-direction: column;
  }
  .article-info .article__author-name {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
  }
  .article-info .article__date {
    font-size: 12px;
    line-height: 14px;
  }
}
@media all, bookshop {
  .nav-container {
    max-width: 920px;
    height: 60px;
    padding: 0 auto;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .nav-container {
    max-width: 600px;
    height: 45px;
  }
}
@media only screen and (max-width: 576px) {
  .nav-container {
    font-size: 400px;
    height: 35px;
  }
}
@media all, bookshop {
  .nav-container .nav-links {
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin: 0 40px;
  }
  .nav-container .nav-links .nav-link {
    font-size: 46px;
    line-height: 1.12;
  }
}
@media only screen and (max-width: 1024px) {
  .nav-container .nav-links .nav-link {
    font-size: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .nav-container .nav-links .nav-link {
    font-size: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .nav-container .nav-links .nav-link {
    font-size: 20px;
  }
}
@media all, bookshop {
  .article {
    margin-bottom: 20px;
    will-change: transform;
    transition: transform 0.2s;
  }
  .article:hover {
    transform: translateY(-4px);
  }
  .article:hover .article__inner {
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 768px) {
  .article:last-child {
    margin-bottom: 0;
  }
}
@media all, bookshop {
  .article__inner {
    border-radius: 16px;
    overflow: hidden;
    transform: translate(0);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.2s;
  }
}
@media all, bookshop {
  .image-wrap {
    background: #fff;
  }
}
@media all, bookshop {
  .article__image {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 71.25%;
    background: #d5dce3;
    overflow: hidden;
  }
  .article__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #d5dce3;
  }
}
@media all, bookshop {
  .article__content {
    position: relative;
    z-index: 1;
    padding: 28px;
    margin-top: -20px;
    border-radius: 16px 16px 0 0;
    background: #fff;
  }
}
@media all, bookshop {
  .article-tags__box {
    display: flex;
  }
  .article-tags__box .article__tag {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px 4px 0;
    font-size: 12px;
    line-height: 10px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(90deg, #1495a7 0%, #003687 167%);
  }
  .article-tags__box .article__tag:hover:before {
    opacity: 1;
  }
  .article-tags__box .article__tag::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 8px;
    will-change: transform;
    transition: opacity 0.35s;
    background: linear-gradient(90deg, #1495a7 0%, #003687 107%);
  }
  .article-tags__box .article__tag:last-child {
    margin: 0 0 4px 0;
  }
}
@media all, bookshop {
  .article__title {
    margin: 16px 0;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
  }
  .article__title a:hover {
    color: #110E38;
  }
}
@media only screen and (max-width: 576px) {
  .article__title {
    font-size: 22px;
  }
}
@media all, bookshop {
  .article__excerpt {
    display: -webkit-box;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #110E38;
    overflow-y: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media all, bookshop {
  .article__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media all, bookshop {
  .article__author-image {
    position: relative;
    width: 44px;
    height: 44px;
    margin-right: 8px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #d5dce3;
  }
  .article__author-image img {
    position: absolute;
    top: 0;
    left: 0;
    /*height: 100%;*/
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
  }
}
@media all, bookshop {
  .article-info {
    display: flex;
    flex-direction: column;
  }
  .article-info .article__author-name {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
  }
  .article-info .article__date {
    font-size: 12px;
    line-height: 14px;
  }
}
.about-photo {
  border-radius: var(--size-300);
}

.about-photo {
  float: right;
  width: 40%;
  margin: 10px 0 0 18px;
}

.project-inner-card {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.project-inner-card img {
  width: 300px; /* можно сделать 350px или 400px если хочешь еще больше */
  height: auto;
  border-radius: 12px;
}
.project-details {
  display: block;
  color: inherit; /* унаследует цвет текста с сайта */
  font-size: 16px;
  line-height: 1.6;
  background: transparent;
  max-height: none;
  overflow: visible;
}
/*# sourceMappingURL=main.css.map */