.product .wrap .cols .col .info figure.timer:after {
  content: '';
  display: block;
  clear: both; }

.placeholder {
  pointer-events: none;
  -webkit-transition: 0.3s opacity linear;
  -ms-transition: 0.3s opacity linear;
  transition: 0.3s opacity linear;
  position: absolute; }
  .placeholder.faded {
    opacity: 0.5; }
  .placeholder.hide {
    display: none; }

.video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: 100%;
  display: block; }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

body.landing {
  padding-top: 50px; }
  body.landing header[role="banner"] .wrap h1 {
    width: 230px;
    height: 146px; }
  body.landing footer {
    padding: 30px 20px 20px 20px; }
    body.landing footer .wrap p {
      font-size: 0.875rem;
      line-height: 1; }
  body.landing .text-panel .wrap header {
    padding-top: 13px;
    padding-bottom: 10px;
    position: relative; }
    body.landing .text-panel .wrap header h2 {
      padding: 15px 0 20px 0; }
    body.landing .text-panel .wrap header p {
      font-size: 0.875rem;
      margin-top: 40px; }
    body.landing .text-panel .wrap header .rotate {
      width: 91px;
      position: absolute;
      top: 50%;
      margin-top: -30px;
      right: 100px; }
  body.landing .text-panel .wrap figure:not(.rotate) {
    margin-top: -40px; }
  body.landing .text-panel .wrap figure.mobile {
    display: none; }
  body.landing .text-panel .wrap figure.desktop {
    display: block; }

.slider.mobile {
  display: none; }
.slider.desktop {
  display: block; }

.range.desktop {
  display: block; }

.slider {
  padding: 100px 0 120px 0; }
  .slider.range .swiper-menu {
    margin-top: 50px; }
  .slider.range .swiper-container .swiper-wrapper {
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline; }
    .slider.range .swiper-container .swiper-wrapper .swiper-slide {
      width: 33.3%; }
      .slider.range .swiper-container .swiper-wrapper .swiper-slide figure {
        width: 250px;
        margin: 0 auto; }
      .slider.range .swiper-container .swiper-wrapper .swiper-slide p {
        font-size: 1.125rem;
        width: 280px;
        margin-left: auto;
        margin-right: auto; }
  .slider.recipes header {
    padding-bottom: 50px; }
  .slider.recipes .swiper-container .swiper-wrapper .swiper-slide figure {
    width: 300px;
    height: auto; }
  .slider.good-stuff header {
    padding-bottom: 60px; }
  .slider.good-stuff .swiper-container .swiper-wrapper .swiper-slide {
    width: 50%; }
    .slider.good-stuff .swiper-container .swiper-wrapper .swiper-slide p {
      width: 270px;
      margin: 0 auto; }
    .slider.good-stuff .swiper-container .swiper-wrapper .swiper-slide h4 {
      font-size: 1.125rem; }
    .slider.good-stuff .swiper-container .swiper-wrapper .swiper-slide p {
      font-size: 1rem; }
  .slider.where-to-buy {
    position: relative;
    padding: 60px 0 20px 0; }
    .slider.where-to-buy header {
      padding-bottom: 90px; }
    .slider.where-to-buy .swiper-menu {
      margin-left: auto;
      margin-right: auto; }
    .slider.where-to-buy .swiper-container .swiper-wrapper .swiper-slide {
      width: 50%; }
      .slider.where-to-buy .swiper-container .swiper-wrapper .swiper-slide figure {
        width: 300px;
        margin: 0 auto; }
  .slider.latest-news {
    padding: 96px 40px; }
    .slider.latest-news header {
      padding-bottom: 50px; }
    .slider.latest-news .swiper-container .swiper-wrapper .swiper-slide {
      width: 50%; }
      .slider.latest-news .swiper-container .swiper-wrapper .swiper-slide figure {
        padding: 0 20px; }
      .slider.latest-news .swiper-container .swiper-wrapper .swiper-slide p {
        padding-top: 16px;
        font-size: 1rem;
        line-height: 1.2;
        padding: 16px 20px 0 20px;
        height: 75px;
        overflow: hidden;
        max-height: 75px; }
    .slider.latest-news .buttons {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      gap: 20px; }
      .slider.latest-news .buttons a, .slider.latest-news .buttons button {
        margin-inline: 0; }
  .slider.hero {
    padding: 0; }
    .slider.hero .swiper-container .swiper-wrapper .swiper-slide {
      height: -moz-calc(100vh - 138px);
      height: -o-calc(100vh - 138px);
      height: -webkit-calc(100vh - 138px);
      height: calc(100vh - 138px); }
  .slider header {
    padding-bottom: 120px; }
    .slider header h2 {
      font-size: 3.3125rem; }
      .slider header h2 br {
        display: none; }
    .slider header p {
      font-size: 1.125rem;
      width: 100%; }
  .slider .swiper-container .swiper-wrapper .swiper-slide h3 {
    font-size: 2rem;
    text-align: center;
    margin-top: 40px; }
  .slider .swiper-menu {
    width: 330px;
    margin: 54px auto 0 auto; }

.text-panel .wrap .story {
  margin-top: -130px; }
.text-panel .wrap header {
  padding: 80px 0 30px 0; }
  .text-panel .wrap header hr {
    width: 53px; }
  .text-panel .wrap header h2 {
    font-size: 3.3125rem; }
.text-panel .wrap article {
  padding: 25px 0 20px 0;
  width: 750px;
  margin: 0 auto; }
  .text-panel .wrap article figure {
    margin-top: 30px; }
    .text-panel .wrap article figure.logo {
      width: 154px;
      margin: 0 auto 38px auto; }
  .text-panel .wrap article hr {
    width: 53px; }
  .text-panel .wrap article p + hr {
    margin-top: 38px; }
  .text-panel .wrap article p {
    font-size: 1.125rem;
    line-height: 1.3;
    width: 670px;
    margin: 0 auto; }

.product {
  padding-top: 100px; }
  .product .wrap {
    margin: 0 40px; }
    .product .wrap .cols .col:first-of-type:before {
      top: -80px;
      left: -130px;
      width: 480px;
      height: 500px; }
    .product .wrap .cols .col > figure {
      width: 500px;
      margin: 0 auto; }
    .product .wrap .cols .col header {
      margin-top: 120px; }
      .product .wrap .cols .col header h2 {
        font-size: 3.3125rem; }
      .product .wrap .cols .col header p {
        font-size: 1rem;
        width: 410px; }
    .product .wrap .cols .col .info {
      padding: 25px 0;
      margin-bottom: 20px;
      width: 465px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      .product .wrap .cols .col .info figure {
        width: 100px;
        float: left; }
        .product .wrap .cols .col .info figure + figure {
          margin-left: 28px; }
        .product .wrap .cols .col .info figure img {
          width: 100px;
          margin: 0; }
        .product .wrap .cols .col .info figure.timer {
          width: 208px; }
          .product .wrap .cols .col .info figure.timer img {
            width: 92px;
            margin: 0;
            float: left; }
        .product .wrap .cols .col .info figure figcaption {
          padding-top: 0;
          width: 108px;
          float: left; }
          .product .wrap .cols .col .info figure figcaption em {
            font-size: 1.875rem; }
    .product .wrap .cols .col .stockists p,
    .product .wrap .cols .col .awards p {
      font-size: 1rem;
      width: 100%; }
    .product .wrap .cols .col .stockists .images figure,
    .product .wrap .cols .col .awards .images figure {
      width: 100px;
      margin: 0; }
    .product .wrap .cols .col .awards .images figure {
      width: 75px; }

.standardText {
  margin: 50px 0; }
  .standardText .wrap {
    margin: 0 40px; }
    .standardText .wrap article h2, .standardText .wrap article h3 {
      font-size: 2rem; }
    .standardText .wrap article p + h3 {
      margin-top: 60px; }
    .standardText .wrap article p {
      font-size: 1rem; }

/*# sourceMappingURL=tablet.css.map */