/** Shopify CDN: Minification failed

Line 244:0 Unexpected "}"
Line 317:0 Expected "}" to go with "{"

**/
.product-story{
    width:100%;
    background-color: white;
}

/* HERO */

.story-hero{
    position:relative;
    overflow:hidden;
    border-radius:20px;
    margin:40px auto;
    max-width:1400px;
}

.story-hero__image{
    display:block;
    width:100%;
    height:auto;
}

.story-hero__overlay{
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.15);
}

.story-hero__content{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    max-width:650px;
}

/* Left */

.story-hero__content--left{
    left:8%;
    right:auto;
    text-align:left;
}

.story-hero__content--center{
    left:50%;
    right:auto;
    transform:translate(-50%, -50%);
    text-align:center;
}

.story-hero__content--right{
    left:auto;
    right:8%;
    text-align:left;
}

.story-hero__content h1{
    font-size:56px;
    color:#8B0000;
    margin:0;
    line-height:1.1;
}

.story-hero__content p{
    font-size:24px;
    color:#666;
    margin-top:15px;
}

/* =====================================
   GALLERY
===================================== */

.story-gallery{
    margin:70px 0;
}

.story-gallery__wrapper{
    max-width:1000px;
    margin:0 auto;
}

.story-gallery__large{
    margin-bottom:18px;
}

.story-gallery__grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.story-gallery__image{
    display:block;
    width:100%;
    height:auto;
    border-radius:12px;
}

/* =====================================
   INTRODUCTION
===================================== */

.story-introduction{
    padding:70px 0;
}

.story-introduction__content{
    max-width:800px;
    margin:0 auto;
    text-align:center;
}

.story-introduction__content h2{
    font-size:42px;
    color:#333;
    margin-bottom:20px;
    line-height:1.2;
    font-weight:700;
}

.story-introduction__text{
    font-size:18px;
    color:#666;
    line-height:1.8;
}

/* ===================================
   SPECIFICATIONS
=================================== */

.story-specifications{
    padding:100px 0;
}

.story-specifications__heading{
    text-align:center;
    font-size:46px;
    font-weight:700;
    margin-bottom:60px;
    color:#333;
}

.story-specifications__grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:30px;
    align-items:start;
}

.story-specification{
    text-align:center;
}

.story-specification__icon{
    width:80px;
    height:80px;
    object-fit:contain;
    margin-bottom:18px;
}

.story-specification h4{
    font-size:18px;
    font-weight:700;
    margin:0 0 8px;
    color:#444;
}

.story-specification p{
    margin:0;
    color:#777;
    font-size:15px;
    line-height:1.5;
}

/* ====================================
   FEATURES
==================================== */

.story-features{
    padding:80px 0;
}

.story-feature{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;

    margin:100x 0;
}

.story-feature--right{
    flex-direction:row-reverse;
}

.story-feature__content{
    flex:1;
    max-width:560px;
}

.story-feature__image{
    flex:0 0 480px;
    text-align:center;
}

.story-feature__img{
    width:100%;
    max-width:480px;
    height:auto;
    display:block;
    margin:auto;
}

.story-feature__content h3{
    font-size:40px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:24px;
    color:#333;
}

.story-feature__content .rte{
    font-size:18px;
    color:#666;
    line-height:1.8;
}

.story-feature__content .rte ul {
    columns: 2;
    column-gap: 3rem;
    padding-left: 1.5rem;
  }

  .story-feature__content .rte li {
    break-inside: avoid;
    margin-bottom: .5rem;
  }
}

/* ===================================
   CTA
=================================== */

.story-cta{
    padding:100px 0;
}

.story-cta .page-width{
    display:flex;
    justify-content:center;
}

.story-cta__content{
    max-width:700px;
    width:100%;
    text-align:center;
}

.story-cta__content h2{
    margin:0 0 32px;
    font-size:52px;
    font-weight:700;
    line-height:1.2;
    color:#3d3d3d;
}

.story-cta__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:220px;
    height:58px;

    background:#8b0000;
    color:#fff;
    text-decoration:none;

    border-radius:999px;

    font-size:18px;
    font-weight:600;

    transition:.3s ease;
}

.story-cta__button:hover{
    background:#6f0000;
    color:#fff;
    transform:translateY(-2px);
}

.story-cta a.story-cta__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:220px;
    height:58px;
    background:#8b0000;
    color:#fff !important;
    text-decoration:none !important;
    border-radius:999px;
    margin-bottom: 50px;
}

@media screen and (max-width: 749px) {
  .story-feature__content .rte ul {
    columns: 1;
  }