@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

@font-face {
    font-family: "Canonatia";
    src: url("/templates/custom-canvas/assets/fonts/canonatia.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IvyJournal";
    src: url("/templates/custom-canvas/assets/fonts/IvyJournal-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IvyJournal";
    src: url("/templates/custom-canvas/assets/fonts/IvyJournal-LightItalic.woff2") format("woff2");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

.custom-canvas {
    font-family: 'Poppins', sans-serif;
    --cc-page-transition-color: #111111;
    background:
        radial-gradient(circle at 18% 22%, rgba(185, 131, 61, 0.18), transparent 24%),
        radial-gradient(circle at 82% 18%, rgba(120, 88, 36, 0.15), transparent 28%),
        radial-gradient(circle at 72% 78%, rgba(168, 122, 55, 0.12), transparent 24%),
        linear-gradient(135deg, #0d0d0e 0%, #151413 36%, #111111 64%, #1a1714 100%);
    background-size: 120% 120%, 135% 135%, 125% 125%, 100% 100%;
    background-position: 18% 22%, 82% 18%, 72% 78%, 50% 50%;
    animation: serenaAmbientGlow 26s ease-in-out infinite alternate;
    color: #ffecd4;
    position: relative;
    overflow-x: clip;
}

.custom-canvas::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, 0.015), transparent 28%, rgba(185, 131, 61, 0.05) 52%, transparent 74%),
        radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2) 78%);
    mix-blend-mode: screen;
    opacity: 0.72;
    animation: serenaAmbientSheen 18s ease-in-out infinite alternate;
    pointer-events: none;
}

.custom-canvas > * {
    position: relative;
    z-index: 1;
}

html.custom-canvas-page-leaving .custom-canvas {
    background: #111111 !important;
    animation: none;
}

html.custom-canvas-page-leaving .custom-canvas::after {
    opacity: 0;
    animation: none;
    transition: opacity 220ms ease;
}

.pp-custom-section {
    background-color: transparent;
}

.custom-canvas-home .pp-custom-section--hero {
    background-color: transparent;
    background-image: var(--pp-custom-section-bg) !important;
    background-position: var(--pp-custom-section-focus, center center) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.custom-canvas-footer,
.custom-canvas-content,
.custom-canvas-module,
.custom-canvas .pp-custom-section--stats,
.custom-canvas .pp-custom-section--content,
.custom-canvas .pp-custom-section--paired_copy,
.custom-canvas .pp-custom-section--stacked_cards {
    background-color: transparent;
}

@keyframes serenaAmbientGlow {
    0% {
        background-position: 18% 22%, 82% 18%, 72% 78%, 50% 50%;
    }

    50% {
        background-position: 24% 28%, 76% 22%, 68% 72%, 50% 50%;
    }

    100% {
        background-position: 14% 18%, 86% 14%, 76% 84%, 50% 50%;
    }
}

@keyframes serenaAmbientSheen {
    0% {
        transform: translate3d(-1.5%, 0, 0) scale(1);
        opacity: 0.58;
    }

    100% {
        transform: translate3d(1.5%, -1%, 0) scale(1.03);
        opacity: 0.82;
    }
}

.pp-custom-section__logo {
    width: min(600px, 100%);
    max-height: 100%;
    margin-top: 15%;
}

.custom-canvas-header {
    background: rgba(29, 29, 27, 0.16);
    backdrop-filter: blur(16px) saturate(135%);
    -webkit-backdrop-filter: blur(16px) saturate(135%);
}

.custom-canvas-home .custom-canvas-header {
    position: absolute;
    inset: 0 0 auto 0;
    top: 50px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 18px 32px 28px;
    background: transparent;
    border-bottom-color: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.custom-canvas-home .custom-canvas-nav {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 10px 38px;
    color: #ffecd4;
    text-shadow: none;
    letter-spacing: 2.5px;
}

.custom-canvas-home .custom-canvas-nav-cta {
    display: none;
}

.custom-canvas-inner .custom-canvas-header {
    position: sticky;
    top: 0;
    z-index: 50;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    padding: 18px 32px 28px;
    border-bottom: 0;
    background: rgba(29, 29, 27, 0.16);
    backdrop-filter: blur(16px) saturate(135%);
    -webkit-backdrop-filter: blur(16px) saturate(135%);

    /* padding to account for the notch in portrait mode */
    padding-top: env(safe-area-inset-top);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    z-index: 1000;
}

.custom-canvas-main > .pp-custom-section--immersive-stack:first-child {
    margin-top: calc(var(--cc-header-height, 0px) * -1);
}

.custom-canvas .pp-custom-section {
    padding: 0;
}

.pp-custom-section--editorial.pp-custom-section--dark {
    padding: 0px 0 68px 96px;
}

.custom-canvas-inner .custom-canvas-brand {
    display: inline-flex;
    justify-content: center;
    max-width: min(220px, 22vw);
}

.custom-canvas-inner .custom-canvas-brand img {
    max-height: 112px;
    margin: 0 auto;
}

.custom-canvas-inner .custom-canvas-nav {
    width: 100%;
    gap: 10px 38px;
    justify-content: center;
    color: #ffecd4;
    text-shadow: none;
    letter-spacing: 2.5px;
}

.custom-canvas-inner .custom-canvas-nav-cta {
    display: none;
}

.custom-canvas-home .custom-canvas-hero__logo-link,
.custom-canvas-home .pp-custom-section__logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
    pointer-events: auto;
    text-decoration: none;
}

.custom-canvas-home .custom-canvas-button--home-entry,
.custom-canvas-home .pp-custom-section__button--home-entry {
    display: none !important;
}

.pp-custom-section--editorial.pp-custom-section--dark {
    color: inherit;
    background: inherit;
}

.custom-canvas a {
    text-decoration: none;
}

.custom-canvas .pp-custom-section--editorial,
.serena-intro-split {
    min-height: calc(100vh - 170px);
    margin: 0;
    padding: 0;
    background: rgba(0,0,0,0.1);
    color: #f5eee5;
    display: grid;
    grid-template-columns: 280px 320px minmax(0, 1fr);
    column-gap: 8px;
    row-gap: 0;
    align-items: stretch;
    grid-template-areas: "label copy media";
}

.custom-canvas .pp-custom-section--editorial.pp-custom-section--image-left,
.serena-intro-split.pp-custom-section--image-left {
    grid-template-columns: minmax(0, 1fr) 360px 220px;
    grid-template-areas: "media copy label";
}

.custom-canvas .pp-custom-section--editorial .pp-custom-section__side-label,
.serena-intro-split .pp-custom-section__side-label {
    grid-area: label;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 100%;
    margin: 0;
    font-family: "Canonatia", cursive;
    color: #b9833d;
    font-size: clamp(110px, 14vw, 240px);
    line-height: 0.9;
}

.custom-canvas .pp-custom-section--editorial .pp-custom-section__copy,
.serena-intro-split .pp-custom-section__copy {
    grid-area: copy;
    width: 100%;
    max-width: 280px;
    align-self: center;
    margin-left: 0;
    margin-right: 0;
    padding: 100px 0;
    text-align: right;
    font-size: 15px;
    line-height: 1.18;
}

.custom-canvas .pp-custom-section--editorial .pp-custom-section__copy h2,
.serena-intro-split .pp-custom-section__copy h2 {
    margin: 0 0 28px;
    color: #b9833d;
    font-family: "Canonatia", cursive;
    font-size: clamp(82px, 8.2vw, 152px);
    font-weight: 400;
    line-height: 0.86;
}

.pp-custom-section > p:not(.pp-custom-section__eyebrow):not(.pp-custom-section__side-label), .pp-custom-section--content > div, .pp-custom-section__copy > div {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4;
}

.custom-canvas .pp-custom-section--editorial .pp-custom-section__copy p,
.serena-intro-split .pp-custom-section__copy p {
    margin: 0 0 28px;
}

.custom-canvas .pp-custom-section__copy ul,
.custom-canvas .pp-custom-section__copy ol,
.custom-canvas .pp-custom-section--content > div ul,
.custom-canvas .pp-custom-section--content > div ol,
.custom-canvas .pp-immersive-stack__body ul,
.custom-canvas .pp-immersive-stack__body ol,
.custom-canvas .pp-stacked-cards__body ul,
.custom-canvas .pp-stacked-cards__body ol {
    margin: 0 0 28px;
    padding-left: 1.35em;
}

.custom-canvas .pp-custom-section__copy ul,
.custom-canvas .pp-custom-section--content > div ul,
.custom-canvas .pp-immersive-stack__body ul,
.custom-canvas .pp-stacked-cards__body ul {
    list-style-type: disc;
}

.custom-canvas .pp-custom-section__copy ul ul,
.custom-canvas .pp-custom-section--content > div ul ul,
.custom-canvas .pp-immersive-stack__body ul ul,
.custom-canvas .pp-stacked-cards__body ul ul {
    list-style-type: disc;
    margin-top: 12px;
}

.custom-canvas .pp-custom-section__copy li,
.custom-canvas .pp-custom-section--content > div li,
.custom-canvas .pp-immersive-stack__body li,
.custom-canvas .pp-stacked-cards__body li {
    margin: 0 0 6px;
    padding-left: 0.2em;
}

.custom-canvas .pp-custom-section__copy li::marker,
.custom-canvas .pp-custom-section--content > div li::marker,
.custom-canvas .pp-immersive-stack__body li::marker,
.custom-canvas .pp-stacked-cards__body li::marker {
    color: currentColor;
}

.custom-canvas .pp-custom-section--editorial .pp-custom-section__media,
.custom-canvas .pp-custom-section--editorial .pp-custom-section__media picture,
.serena-intro-split .pp-custom-section__media,
.serena-intro-split .pp-custom-section__media picture {
    grid-area: media;
    width: 100%;
    height: 100%;
    min-height: calc(100vh - 170px);
}

.custom-canvas .pp-custom-section--editorial .pp-custom-section__media,
.serena-intro-split .pp-custom-section__media {
    align-self: stretch;
    margin-right: calc(50% - 50vw);
    margin-left: 0;
}

.custom-canvas .pp-custom-section--editorial.pp-custom-section--image-left .pp-custom-section__media,
.serena-intro-split.pp-custom-section--image-left .pp-custom-section__media {
    margin-right: 0;
    margin-left: calc(50% - 35vw);
}

.custom-canvas .pp-custom-section--editorial.pp-custom-section--image-left .pp-custom-section__copy,
.serena-intro-split.pp-custom-section--image-left .pp-custom-section__copy {
    text-align: left;
}

.custom-canvas .pp-custom-section--editorial.pp-custom-section--image-left .pp-custom-section__copy > div,
.serena-intro-split.pp-custom-section--image-left .pp-custom-section__copy > div {
    margin-left: 0;
    margin-right: auto;
}

.custom-canvas .pp-custom-section--editorial .pp-custom-section__media img,
.serena-intro-split .pp-custom-section__media img {
    width: 100%;
    height: 100%;
    min-height: calc(100vh - 170px);
    object-fit: cover;
}

.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__body {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    padding: 0;
}

.custom-canvas .pp-custom-section--immersive-stack {
    --pp-immersive-fade-start: 0.84;
    --pp-immersive-translate-factor: 0.5;
}

.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__eyebrow {
    font-family: "Canonatia", cursive;
    font-size: 68px;
    font-weight: 400;
    line-height: 0.9;
    text-transform: lowercase;
    width: 100%;
}

.custom-canvas .pp-custom-section--immersive-stack h2 {
    width: 100%;
    font-family: "Poppins", cursive;
    font-size: clamp(26px, 3.4vw, 46px);
    font-weight: 300;
    line-height: 0.9;
}

.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--center .pp-immersive-stack__content {
    justify-items: center;
    text-align: center;
}

.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--center .pp-immersive-stack__eyebrow,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--center .pp-immersive-stack__body,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--center h2 {
    text-align: center;
}

.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--center .pp-immersive-stack__button {
    justify-self: center;
}

.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--bottom_right .pp-immersive-stack__content,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--top_right .pp-immersive-stack__content {
    justify-items: end;
    text-align: right;
}

.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--bottom_right .pp-immersive-stack__eyebrow,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--bottom_right .pp-immersive-stack__body,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--bottom_right h2,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--top_right .pp-immersive-stack__eyebrow,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--top_right .pp-immersive-stack__body,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--top_right h2 {
    text-align: right;
}

.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--bottom_right .pp-immersive-stack__button,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--top_right .pp-immersive-stack__button {
    justify-self: end;
}

.custom-canvas .pp-custom-section__action {
    margin-top: 28px;
}

.custom-canvas .pp-custom-section__action .pp-custom-section__button {
    position: relative;
    isolation: isolate;
    min-height: 50px;
    padding: 0 28px;
    border: 0;
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(64, 46, 23, 0.92) 0%, rgba(121, 88, 38, 0.9) 42%, rgba(46, 31, 13, 0.96) 100%);
    background-size: 160% 160%;
    box-shadow:
        inset 0 1px 0 rgba(255, 239, 206, 0.18),
        0 14px 34px rgba(0, 0, 0, 0.26);
    color: #f7e6c9;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    transition:
        transform 220ms ease,
        box-shadow 260ms ease,
        border-color 260ms ease,
        background-position 420ms ease,
        color 220ms ease;
}

.custom-canvas .pp-custom-section__action .pp-custom-section__button::before {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;
    border-radius: inherit;
    background:
        linear-gradient(125deg, rgba(255, 245, 223, 0.1), rgba(255, 245, 223, 0) 34%, rgba(255, 222, 169, 0.12) 58%, rgba(255, 245, 223, 0) 84%);
    opacity: 0.92;
    pointer-events: none;
}

.custom-canvas .pp-custom-section__action .pp-custom-section__button:hover,
.custom-canvas .pp-custom-section__action .pp-custom-section__button:focus-visible {
    background-position: 100% 50%;
    color: #fff0d6;
}

.custom-canvas .pp-custom-section__action .pp-custom-section__button:focus-visible {
    outline: 0;
}

.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--bottom_left .pp-immersive-stack__content,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--top_left .pp-immersive-stack__content {
    justify-items: start;
    text-align: left;
}

.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--bottom_left .pp-immersive-stack__eyebrow,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--bottom_left .pp-immersive-stack__body,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--bottom_left h2,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--top_left .pp-immersive-stack__eyebrow,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--top_left .pp-immersive-stack__body,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--top_left h2 {
    text-align: left;
}

.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--bottom_left .pp-immersive-stack__button,
.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__slide--top_left .pp-immersive-stack__button {
    justify-self: start;
}

.custom-canvas .pp-custom-section--immersive-stack .pp-immersive-stack__button {
    min-height: auto;
    margin-top: 20px;
    border: 0;
    border-bottom: 1px solid currentColor;
    border-radius: 0;
    padding: 0 0 6px;
    background: transparent;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.pp-custom-section--stats {
    max-width: 480px;
    margin: 40px auto 0px;
}

.serena-taglines h2 {

    font-size: 80px;
    font-weight: 200 !important;
    line-height: 0.8;
    letter-spacing: -4px;
    opacity: 1;
    margin: 50px auto;
    max-width: 680px;
}

.pp-stacked-cards__row-title h3 {
    font-family: 'Canonatia';
    text-transform: lowercase;
    margin: 0;
    color: #b9833d;
    font-size: clamp(88px, 8vw, 120px);
    font-weight: 400;
    font-weight: 300;
    line-height: 0.9;
    text-align: right;
}

.custom-canvas-menu-toggle {
    color: #fff;
}

.pp-stacked-cards__intro {
    display: none;
}

.custom-canvas-footer__button {
    font-family: 'IvyJournal-Light', Georgia, serif; 
    font-style: italic;
}

@media (max-width: 980px) {
    .custom-canvas-home .custom-canvas-header {
        display: none;
    }

    .custom-canvas-home .custom-canvas-button--home-entry,
    .custom-canvas-home .pp-custom-section__button--home-entry {
        display: inline-flex !important;
    }

    .custom-canvas-inner .custom-canvas-header {
        display: grid;
        grid-template-columns: 1fr auto;
        position: relative;
        top: auto;
        gap: 16px;
        align-items: center;
        justify-items: stretch;
        padding: calc(16px + env(safe-area-inset-top, 0px)) 20px 16px;
        border-bottom: 1px solid rgba(255, 236, 212, 0.08);
    }

    .custom-canvas-home .custom-canvas-header {
        inset: 0 0 auto 0;
        top: 0;
        position: fixed;
        background: #111111;
        border-bottom-color: rgba(255, 236, 212, 0.08);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .custom-canvas-home .custom-canvas-header::before {
        content: "";
        position: absolute;
        top: calc(env(safe-area-inset-top, 0px) * -1);
        right: 0;
        left: 0;
        height: env(safe-area-inset-top, 0px);
        background: #111111;
        pointer-events: none;
    }

    .custom-canvas-nav a {
        font-size: 16px;
        font-weight: 200;
        letter-spacing: 4px;
        line-height: 1.4;
        padding-top: 12px;
        text-transform: uppercase;
    }

    .custom-canvas .pp-custom-section--editorial,
    .serena-intro-split {
        grid-template-columns: 140px 280px minmax(0, 1fr);
        gap: 14px;
    }

    .custom-canvas .pp-custom-section--editorial.pp-custom-section--image-left,
    .serena-intro-split.pp-custom-section--image-left {
        grid-template-columns: minmax(0, 1fr) 280px 140px;
    }
}

@media (max-width: 760px) {
    .pp-ios-safari-immersive .custom-canvas-inner .custom-canvas-header {
        background: rgba(17, 17, 17, 0.92);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .custom-canvas-main > .pp-custom-section--immersive-stack:first-child {
        margin-top: 0;
    }

    .custom-canvas .pp-custom-section.pp-custom-section--immersive-stack[data-mobile-behavior="stack"] {
        overflow: visible;
    }

    .custom-canvas .pp-custom-section--stacked-cards {
        background: #111111;
    }

    .custom-canvas-home .pp-custom-section--hero {
        background-image: var(--pp-custom-section-bg-mobile, var(--pp-custom-section-bg)) !important;
        background-position: var(--pp-custom-section-focus-mobile, var(--pp-custom-section-focus, center center)) !important;
    }

    .custom-canvas .pp-custom-section--editorial,
    .serena-intro-split {
        grid-template-columns: 1fr;
        grid-template-areas:
            "media"
            "label"
            "copy";
    }

    .custom-canvas .pp-custom-section--editorial.pp-custom-section--image-left,
    .serena-intro-split.pp-custom-section--image-left {
        grid-template-columns: 1fr;
        grid-template-areas:
            "media"
            "label"
            "copy";
    }

    .custom-canvas .pp-custom-section--editorial .pp-custom-section__side-label,
    .serena-intro-split .pp-custom-section__side-label {
        justify-content: center;
        padding: 20px 40px 0;
        font-size: clamp(62px, 18vw, 116px);
        writing-mode: horizontal-tb;
        transform: none;
        text-align: center;
    }

    .custom-canvas .pp-custom-section--editorial .pp-custom-section__copy,
    .custom-canvas .pp-custom-section--editorial.pp-custom-section--image-left .pp-custom-section__copy,
    .serena-intro-split .pp-custom-section__copy,
    .serena-intro-split.pp-custom-section--image-left .pp-custom-section__copy {
        max-width: none;
        padding: 0 40px 40px;
        text-align: left;
    }

    .custom-canvas .pp-custom-section--editorial .pp-custom-section__copy h2,
    .serena-intro-split .pp-custom-section__copy h2 {
        font-size: clamp(58px, 15vw, 98px);
        text-align: center;
    }

    .custom-canvas .pp-custom-section--editorial .pp-custom-section__copy > div,
    .custom-canvas .pp-custom-section--editorial.pp-custom-section--image-left .pp-custom-section__copy > div,
    .serena-intro-split .pp-custom-section__copy > div,
    .serena-intro-split.pp-custom-section--image-left .pp-custom-section__copy > div {
        margin-right: 0;
        margin-left: 0;
    }

    .custom-canvas .pp-custom-section--editorial .pp-custom-section__media,
    .custom-canvas .pp-custom-section--editorial.pp-custom-section--image-left .pp-custom-section__media,
    .serena-intro-split .pp-custom-section__media,
    .serena-intro-split.pp-custom-section--image-left .pp-custom-section__media {
        margin-right: 0;
        margin-left: 0;
        min-height: 62vh;
    }

    .custom-canvas .pp-custom-section--editorial .pp-custom-section__media img,
    .serena-intro-split .pp-custom-section__media img {
        min-height: 62vh;
    }

    .custom-canvas .pp-custom-section--content > div,
    .custom-canvas .pp-immersive-stack__body,
    .custom-canvas .pp-stacked-cards__body,
    .custom-canvas .pp-custom-section__copy > div {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pp-stacked-cards__row-title h3 {
        font-size: 88px !important;
    }

    .custom-canvas .pp-custom-section--content h2,
    .custom-canvas .pp-custom-section--content h3,
    .custom-canvas .pp-immersive-stack h2,
    .custom-canvas .pp-immersive-stack .pp-immersive-stack__eyebrow,
    .custom-canvas .pp-stacked-cards__row-title h3,
    .custom-canvas .serena-taglines h2 {
        font-size: 58px;
        letter-spacing: -2px;
        text-align: center !important;
    }

    .custom-canvas .pp-stacked-cards__row-title,
    .custom-canvas .pp-immersive-stack__content {
        padding-left: 40px;
        padding-right: 40px;
    }

    .custom-canvas-footer__socials a {
    font-size: 11px;
    font-weight: 300;
    }

    .custom-canvas-footer__marquee-track span {
    letter-spacing: -2px;
    }

    .custom-canvas-footer__button {
    font-size: 14px;
    letter-spacing: 0.5px;
    }

    .custom-canvas-footer__credit {
        font-size: 10px;
    }

    .pp-custom-section--stacked-cards {
        margin-top: 15px !important;
    }

}