#singular-main {
    grid-template-areas:
    'a b b'
    'c c c'
    'd d d';
}
#singular-grid {
    gap: var(--gutter);
}
#singular-main {
    gap: var(--gutter);
}





#product__image {
    grid-area: a;
    overflow: hidden;
}
#product__image img {
    width: 100%;
    height: 100%;
}

#product__header {
    grid-area: b;
    display: flex;
    flex-direction: column;
    line-height: 0.9;
    text-wrap: balance;
}
#product__icon {
    margin-bottom: 6rem;
    position: relative;
}
#product__icon svg {
    height: 6rem;
}
#product__type {
    margin-bottom: 1.2rem;
    text-transform: lowercase;
}
#product__title {
    font-size: 6rem;
    margin-bottom: 2.4rem;
    line-height: 0.8;
}
#product__overview {
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 0;
}
#product__overview p:last-child {
    margin-bottom: 0;
}

#product__information {
    grid-area: c;
}
#product__information h2 {
    margin-bottom: 6rem;
}

#product__benefits ul {
    padding-top: calc(4.8rem + 2.4rem);
}
#product__benefits ul li {
    display: flex;
    margin-bottom: 2.4rem;
}
#product__benefits ul li:last-child {
    margin-bottom: 0;
}
#product__benefits ul li svg {
    flex-shrink: 0;
    height: 2.4rem;
    margin-right: 2.4rem;
    fill: var(--primary);
}

#product__opportunities > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4.8rem;
}
.product__opportunity svg {
    height: 4.8rem;
    margin-bottom: 2.4rem;
}
.product__opportunity h3 {
    text-wrap: balance;
    line-height: 1.1;
    margin-bottom: 1.8rem;
}
.product__opportunity p {
    font-size: 1.6rem;
    line-height: 1.4;
    margin-bottom: 0;
}

#product__help {
    grid-area: d;
}
#product__help h2 {
    margin-bottom: 8.4rem;
}
.product__contact {
    margin-bottom: 3.6rem;
    border-bottom: solid 0.1rem var(--gray80);
    padding-bottom: 3.6rem;
}
.product__contact:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
.product__contact h3 {
    margin-bottom: 1.8rem;
}
.product__contact p {
    font-size: 1.6rem;
    margin-bottom: 2.4rem;
}
.product__contact span {
    display: block;
    font-size: 2.4rem;
}

#faq h2 {
    margin-bottom: 6rem;
    flex: 0;
}
#faq h3 {
    font-size: 1.6rem;
    margin-bottom: 0.6rem;
    font-weight: 500;
}


#sidebar-pin > p {
    text-wrap: balance;
    margin-bottom: 2.4rem;
}
#product__price {
    margin-top: -0.6rem;
    margin-bottom: 2.4rem;
}
#product__price span {
    display: block;
}
#product__price span:nth-child(2) {
    font-size: 3.6rem;
}
.product__channel {
    box-sizing: border-box;
    padding: 2.4rem;
    border: solid 0.1rem var(--gray80);
    border-radius: 1.2rem;
    margin-bottom: 2.4rem;
}
.product__channel:last-child {
    margin-bottom:  0;
}
.product__channel p {
    font-size: 1.6rem;
    margin-bottom: 0;
}
.product__channel a {
    margin-top: 1.8rem;
}





@media only screen and (max-width: 1024px) and (orientation: portrait) {
    .c1-2 > div:first-child {
        padding-right: 0;
    }
    #product__title {
        font-size: 4.8rem;
    }
    #product__icon {
        margin-bottom: 1rem;
    }
    #product__icon svg {
        position: static;
        margin-bottom: 3.6rem;
    }

    #sidebar-pin {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #sidebar-pin > h2 {
        width: 100%;
    }
    #sidebar-pin > p {
        width: calc(50% - var(--gutter)/2);
        margin-bottom: 3.6rem;
    }
    #product__price {
        width: calc(50% - var(--gutter)/2);
        margin-bottom: 3.6rem;
    }
    .product__channel {
        width: calc(50% - var(--gutter)/2);
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 640px) and (orientation: portrait) {
    #singular-main {
        grid-template-areas:
        'a'
        'b'
        'c'
        'd';
    }

    #product__image {
        height: 0;
        padding-top: 75%;
        position: relative;
    }
    #product__image img {
        position: absolute;
        left: 0;
        top: 0;
    }

    #product__header {
        padding-bottom: calc(var(--padding)*1.5);
    }

    #product__icon svg {
        margin-bottom: 2.4rem;
    }

    .c1-2 {
        grid-template-columns: 1fr;
        grid-template-areas:
        'b'
        'a';
    }
    .c1-2 > div:first-child {
        padding-right: var(--padding);
    }
    #product__information h2 {
        margin-bottom: 6rem;
    }
    #product__opportunities > div {
        display: block;
    }
    .product__opportunity {
        margin-bottom: 3.6rem;
        border-bottom: solid 0.1rem var(--gray80);
        padding-bottom: 3.6rem;
    }
    .product__opportunity:last-child {
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 0;
    }
    .product__opportunity p {
        text-wrap: balance;
    }
    #product__benefits {
        padding-top: 0;
        padding-bottom: calc(var(--padding)*1.5);
    }
    #product__benefits ul {
        padding-top: 0;
    }
    #product__help h2 {
        margin-bottom: 6rem;
    }
    #product__help {
        border-radius: 0;
        background-color: transparent;
        box-shadow: none;
    }
    #product__help .c1-2 > div {
        background-color: var(--white);
        box-shadow: 1.2rem 1.2rem 3.6rem 0 rgba(0, 0, 0, 0.05);
        border-radius: var(--radius);
        padding-bottom: calc(var(--padding)*1.5);
    }

    #sidebar-pin > p {
        width: 100%;
    }
    #product__price {
        width: 100%;
    }
    .product__channel {
        width: 100%;
        margin-bottom: var(--gutter);
    }
    .product__channel:last-child {
        margin-bottom: 0;
    }
}