.introduction-header.svelte-1bu3l16 {
    z-index: 5;
    height: clamp(100vh,120vh,140vh);
    max-height: clamp(50vw,60vw,70vw);
    margin-top: 0;
    margin-bottom: -13rem;
    position: relative;
    overflow: hidden;
    padding-bottom: clamp(4rem,6vw,8rem)
}

.name-container-home.svelte-1bu3l16 {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%);
    justify-content: center;
    align-items: flex-start;
    width: max-content;
    display: flex;
    white-space: nowrap;
    z-index: 20
}

.full-name-container.svelte-1bu3l16 {
    justify-content: center;
    align-items: flex-start;
    width: max-content;
    display: flex
}

.display-1.svelte-1bu3l16 {
    text-transform: uppercase;
    flex: none;
    font-family: Oswald,sans-serif;
    font-size: clamp(10.8rem,15.8vw,18.8rem);
    font-weight: 700;
    line-height: 1
}

.display-1.svelte-1bu3l16 .first-name:where(.svelte-1bu3l16) {
    margin-right: 1vw
}

/* Background image layer — sits behind portrait and marquee */
.header-bg-image {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: clamp(55%, 65%, 75%);
    height: 100%;
    z-index: 5;
    pointer-events: none;
}

.header-bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Portrait — middle layer */
.portrait-front-header {
    z-index: 15;
    width: clamp(55%,65%,75%);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.header-about-me-container.svelte-1bu3l16 {
    position: absolute;
    bottom: clamp(8rem,12vw,15rem);
    left: 0;
    right: 0;
    justify-content: space-between;
    margin-left: clamp(1rem,3vw,1.5rem);
    margin-right: clamp(1rem,3vw,1.5rem);
    display: flex;
    align-items: flex-start;
    gap: clamp(1rem,2vw,3rem);
    z-index: 10;
    padding-bottom: clamp(2rem,4vw,4rem);
    flex-wrap: wrap
}

.catch-phrase-container.svelte-1bu3l16 {
    margin-top: clamp(1vw,2vw,3vw);
    display: inline-block
}

.display-3.svelte-1bu3l16 {
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
    font-size: clamp(3rem,4vw,5rem);
    font-weight: 700;
    color: #000
}

.display-3.outline.svelte-1bu3l16,.display-3.outline.motto.svelte-1bu3l16 {
    color: transparent;
    -webkit-text-stroke-width: clamp(1px,.2vw,2px);
    -webkit-text-stroke-color: black
}

.display-3.motto.svelte-1bu3l16 {
    line-height: 1;
    color: #000
}

.pete-header-book-container.svelte-1bu3l16 {
    width: clamp(16%,20%,26%);
    min-width: 0;
    max-width: 280px;
    margin-top: 0;
    margin-right: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: clamp(.5rem,1vw,1rem);
    flex-shrink: 1;
    overflow: visible
}

.pete-header-book-image.svelte-1bu3l16 {
    width: 100%;
    height: auto;
    max-width: clamp(6rem,10vw,10rem);
    object-fit: contain;
    filter: drop-shadow(.5rem .5rem 1rem rgba(0,0,0,.3));
    transition: transform .3s ease,filter .3s ease
}

.pete-header-book-image.svelte-1bu3l16:hover {
    transform: translateY(-5px) scale(1.05);
    filter: drop-shadow(.75rem .75rem 1.5rem rgba(0,0,0,.4))
}

.pete-header-book-container.svelte-1bu3l16 button,.pete-header-book-container.svelte-1bu3l16 a {
    width: auto;
    max-width: 100%;
    margin-top: clamp(.5rem,1vw,1rem);
    flex-shrink: 0
}

@media(min-width: 1440px) {
    .display-1.svelte-1bu3l16 {
        font-size:clamp(10.8rem,15.8vw,15.8rem)
    }

    .display-3.svelte-1bu3l16 {
        font-size: clamp(2.5rem,3.5vw,3.5rem)
    }

    .header-about-me-container.svelte-1bu3l16 {
        gap: clamp(2rem,4vw,6rem);
        margin-left: clamp(2rem,2vw,1rem);
        margin-right: clamp(2rem,5vw,6rem);
        bottom: clamp(8rem,12vw,15rem);
        padding-bottom: clamp(2rem,4vw,4rem)
    }

    .pete-header-book-container.svelte-1bu3l16 {
        width: clamp(18%,22%,26%)
    }

    .pete-header-book-image.svelte-1bu3l16 {
        max-width: clamp(7rem,10vw,9rem)
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .display-3.svelte-1bu3l16 {
        font-size:clamp(1.75rem,2.5vw,3rem)
    }

    .header-about-me-container.svelte-1bu3l16 {
        bottom: clamp(5rem,7vw,8rem);
        gap: clamp(1rem,2vw,2.5rem)
    }

    .pete-header-book-container.svelte-1bu3l16 {
        width: clamp(18%,22%,24%);
        margin-right: 1rem
    }

    .pete-header-book-image.svelte-1bu3l16 {
        max-width: clamp(5.5rem,9vw,8rem)
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .introduction-header.svelte-1bu3l16 {
        max-height:clamp(50vw,70vw,80vw);
        margin-top: 0;
        margin-bottom: -7.5rem
    }

    .display-3.svelte-1bu3l16 {
        font-size: clamp(2rem,3vw,3.5rem)
    }

    .header-about-me-container.svelte-1bu3l16 {
        gap: clamp(1rem,2vw,2rem);
        bottom: clamp(6rem,8vw,10rem)
    }

    .pete-header-book-container.svelte-1bu3l16 {
        margin-right: 1rem;
        width: clamp(20%,24%,28%)
    }

    .pete-header-book-image.svelte-1bu3l16 {
        max-width: clamp(5rem,8vw,7rem)
    }
}

@media(max-width: 767px) {
    .introduction-header.svelte-1bu3l16 {
        height:auto;
        max-height: none;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: clamp(10px,15px,20px);
        padding-bottom: 0
    }

    .header-bg-image {
        width: clamp(75%,85%,95%);
        inset: auto 0 0 auto;
        transform: translate(clamp(20%,30%,40%));
    }

    .portrait-front-header {
        width: clamp(75%,85%,95%);
        inset: auto 0 0 auto;
        transform: translate(clamp(20%,30%,40%));
        position: absolute
    }

    .full-name-container.svelte-1bu3l16 {
        display: flex;
        overflow: hidden;
        width: max-content
    }

    .full-name-container.main-name-container.svelte-1bu3l16 {
        flex-flow: row;
        margin-bottom: 2.5rem;
        margin-top: 0;
        margin-right: 0;
        display: flex;
        overflow: hidden;
        width: max-content;
        align-items: baseline;
        justify-content: flex-start
    }

    .name-container-home.svelte-1bu3l16 {
        display: none
    }

    .display-1.svelte-1bu3l16 {
        font-size: clamp(10.8vw,16.8vw,22.8vw);
        line-height: 1;
        color: #000
    }

    .display-1.svelte-1bu3l16 .first-name:where(.svelte-1bu3l16) {
        line-height: 1;
        white-space: nowrap;
        margin-right: 2vw
    }

    .display-1.svelte-1bu3l16 .last-name:where(.svelte-1bu3l16) {
        line-height: 1;
        white-space: nowrap
    }

    .display-3.svelte-1bu3l16 {
        font-size: clamp(12vw,14vw,16vw);
        line-height: clamp(12vw,14vw,16vw);
        color: #000
    }

    .display-3.outline.svelte-1bu3l16,.display-3.outline.motto.svelte-1bu3l16 {
        color: transparent;
        -webkit-text-stroke-width: clamp(1px,.2vw,2px);
        -webkit-text-stroke-color: black
    }

    .header-about-me-container.svelte-1bu3l16 {
        position: relative;
        bottom: auto;
        flex-flow: column;
        padding-bottom: clamp(100px,140px,180px);
        margin-left: clamp(15px,20px,25px);
        margin-right: clamp(15px,20px,25px)
    }

    .catch-phrase-container.svelte-1bu3l16 {
        margin-top: 0;
        order: 1
    }

    .pete-header-book-container.svelte-1bu3l16 {
        width: clamp(65%,65%,85%);
        gap: .5rem;
        order: 2;
        margin-top: clamp(1.25rem,1.5625rem,1.875rem);
        margin-left: -2.5rem
    }

    .pete-header-book-image.svelte-1bu3l16 {
        max-width: clamp(10rem,20vw,16rem)
    }
}

@media(min-width: 1200px)and (max-width:1439px) {
    .catch-phrase-container.svelte-1bu3l16 {
        margin-top:-1rem
    }

    .display-3.svelte-1bu3l16 {
        font-size: clamp(2.5rem,3vw,3rem)
    }

    .header-about-me-container.svelte-1bu3l16 {
        bottom: clamp(8rem,12vw,15rem);
        padding-bottom: clamp(2rem,4vw,4rem);
        gap: clamp(1.5rem,3vw,3rem)
    }

    .pete-header-book-container.svelte-1bu3l16 {
        width: clamp(17%,21%,25%);
        margin-top: -1rem;
        margin-right: 1rem
    }

    .pete-header-book-image.svelte-1bu3l16 {
        max-width: clamp(6rem,9vw,8rem)
    }
}

@media(min-width: 1024px)and (max-width:1199px) {
    .header-about-me-container.svelte-1bu3l16 {
        bottom:12rem;
        gap: clamp(1rem,2vw,2rem)
    }

    .pete-header-book-container.svelte-1bu3l16 {
        width: clamp(20%,24%,26%);
        margin-right: 1rem
    }

    .pete-header-book-image.svelte-1bu3l16 {
        max-width: clamp(5rem,8vw,7.5rem)
    }
}

.section.svelte-lmg7xe {
    margin-bottom: clamp(6rem,9.375vw,9.375rem);
    margin-left: 0;
    margin-right: 0
}

.section.section-black-background.svelte-lmg7xe {
    z-index: 10;
    background-color: #000;
    border-radius: clamp(1.25rem,5vw,2.5rem) clamp(1.25rem,5vw,2.5rem) 0 0;
    position: relative;
    margin-top: 0
}

.quote-container.svelte-lmg7xe {
    position: relative;
    z-index: 2;
    max-width: clamp(60rem,80vw,80rem);
    margin: -2rem auto 0;
    text-align: center;
    padding-bottom: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.quote-text.svelte-lmg7xe {
    font-family: Crimson Text,Playfair Display,serif;
    font-size: clamp(2rem,4vw,3.5rem);
    font-weight: 400;
    font-style: italic;
    line-height: 1.2;
    margin: 2rem 0 clamp(2rem,4vw,3rem) 0;
    color: #fff;
    text-transform: none;
    letter-spacing: clamp(.05em,.1em,.15em);
    text-align: center
}

.quote-author.svelte-lmg7xe {
    font-family: Montserrat,sans-serif;
    font-size: clamp(1.25rem,2.5vw,1.875rem);
    font-weight: 600;
    color: #fff;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: clamp(.1em,.2em,.3em);
    text-align: center;
    display: block
}

@media screen and (max-width: 991px) {
    .quote-container.svelte-lmg7xe {
        padding-bottom:6rem
    }

    .quote-text.svelte-lmg7xe {
        font-size: clamp(1.75rem,3.5vw,2.75rem)
    }

    .quote-author.svelte-lmg7xe {
        font-size: clamp(1rem,2vw,1.5rem)
    }
}

@media screen and (max-width: 767px) {
    .section.svelte-lmg7xe {
        margin-bottom:clamp(4rem,6.875rem,8rem)
    }

    .section.section-black-background.svelte-lmg7xe {
        margin-top: -2rem;
        border-radius: 20px
    }

    .quote-text.svelte-lmg7xe {
        font-size: clamp(1.5rem,3vw,2.25rem)
    }

    .quote-author.svelte-lmg7xe {
        font-size: clamp(.875rem,1.75vw,1.25rem)
    }
}

@media screen and (min-width: 1920px) {
    .quote-container.svelte-lmg7xe {
        max-width:90rem;
        padding-bottom: 4rem
    }

    .quote-text.svelte-lmg7xe {
        font-size: clamp(2.5rem,2.8vw,3.75rem)
    }

    .quote-author.svelte-lmg7xe {
        font-size: clamp(1.5rem,1.6vw,2.25rem);
        letter-spacing: clamp(.12em,.18vw,.2em)
    }
}

@media screen and (min-width: 2520px) {
    .quote-container.svelte-lmg7xe {
        max-width:105rem;
        padding-bottom: 5rem
    }

    .quote-text.svelte-lmg7xe {
        font-size: clamp(3rem,2.5vw,4.25rem)
    }

    .quote-author.svelte-lmg7xe {
        font-size: clamp(1.75rem,1.4vw,2.5rem)
    }
}

.section.svelte-1hpeaj6 {
    margin-bottom: clamp(6rem,9.375vw,9.375rem);
    margin-left: 0;
    margin-right: 0
}

.section.white-background.svelte-1hpeaj6 {
    z-index: 20;
    background-color: #f5f5f5;
    border-radius: clamp(20px,5vw,40px);
    position: relative;
    margin-top: -13.5rem;
    margin-bottom: 5rem
}

.heading-2.outline-number.svelte-1hpeaj6 {
    color: transparent;
    -webkit-text-stroke-width: clamp(1px,.2vw,2px);
    -webkit-text-stroke-color: black;
    margin-top: 0;
    line-height: 1;
    font-size: clamp(2rem,3.125vw,3.125rem)
}

.service-container.svelte-1hpeaj6 {
    list-style: none;
    margin: 0;
    padding: 0;
    grid-column-gap: clamp(1.5em,3vw,2.5em);
    grid-row-gap: clamp(1.5em,3vw,2.5em);
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit,minmax(clamp(200px,25vw,300px),1fr));
    grid-auto-columns: 1fr;
    display: grid;
    margin-top: 3rem
}

.service-item.svelte-1hpeaj6 {
    border-left: clamp(1px,.2vw,2px) solid black;
    height: 100%;
    padding-left: clamp(1rem,3vw,1.5rem);
    text-decoration: none
}

.service-item.svelte-1hpeaj6 p:where(.svelte-1hpeaj6) {
    font-family: Mona Sans,sans-serif
}

.service-item.svelte-1hpeaj6:hover {
    color: #000
}

.order-number-container.svelte-1hpeaj6 {
    display: flex;
    position: relative
}

.item-name.svelte-1hpeaj6 {
    margin-top: 0;
    margin-bottom: clamp(1rem,3vw,1.5rem);
    line-height: 1.2;
    font-family: Mona Sans Narrow,sans-serif;
    font-weight: 700;
    font-size: clamp(1.5rem,2vw,2rem)
}

.heading-container.svelte-1hpeaj6 {
    display: flex;
    justify-content: center;
    width: 100%
}

@media screen and (min-width: 1440px) {
    .service-container.svelte-1hpeaj6 {
        max-width:clamp(60rem,75vw,75rem);
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 992px) {
    .service-container.svelte-1hpeaj6 {
        grid-template-columns:repeat(3,1fr);
        max-width: clamp(60rem,75vw,900px);
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 991px) {
    .service-container.svelte-1hpeaj6 {
        grid-row-gap:clamp(1em,1.6em,2em);
        grid-template-columns: repeat(2,1fr)
    }
}

@media screen and (max-width: 767px) {
    .section.svelte-1hpeaj6 {
        margin-bottom:clamp(4rem,6.875rem,8rem)
    }

    .section.white-background.svelte-1hpeaj6 {
        border-radius: 20px;
        margin-bottom: 5rem
    }

    .item-name.svelte-1hpeaj6 {
        font-size: clamp(1.35rem,1.8rem,2.25rem)
    }

    .heading-style-h2 {
        font-size: 4rem!important
    }
}

@media screen and (max-width: 479px) {
    .heading-style-h2 {
        font-size:2.5rem!important
    }
}

@media screen and (min-width: 1920px) {
    .service-container.svelte-1hpeaj6 {
        max-width:clamp(80rem,82vw,110rem);
        grid-template-columns: repeat(3,minmax(0,1fr));
        column-gap: clamp(2rem,3vw,3rem);
        row-gap: clamp(2rem,3vw,3rem);
        margin-left: auto;
        margin-right: auto
    }

    .item-name.svelte-1hpeaj6 {
        font-size: clamp(1.65rem,2vw,2.5rem)
    }

    .service-item.svelte-1hpeaj6 p:where(.svelte-1hpeaj6) {
        font-size: clamp(1.1rem,1.2vw,1.35rem);
        line-height: 1.5
    }
}

@media screen and (min-width: 2520px) {
    .service-container.svelte-1hpeaj6 {
        max-width:clamp(100rem,85vw,130rem);
        grid-template-columns: repeat(3,minmax(0,1fr));
        column-gap: clamp(2.5rem,3vw,4rem);
        row-gap: clamp(2.5rem,3vw,4rem)
    }

    .item-name.svelte-1hpeaj6 {
        font-size: clamp(1.9rem,1.75vw,2.75rem)
    }

    .service-item.svelte-1hpeaj6 p:where(.svelte-1hpeaj6) {
        font-size: clamp(1.2rem,1.1vw,1.5rem)
    }
}

.explore-pete-container {
    z-index: 1;
    position: relative
}

.sub-h1.svelte-1g0r0az {
    color: #000;
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Schibsted Grotesk,sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 36px
}

.sub-h1.explore-pete-section-sh1.svelte-1g0r0az {
    color: #fff
}

.body-03.svelte-1g0r0az {
    color: #000;
    letter-spacing: -.02em;
    text-transform: uppercase;
    font-family: Schibsted Grotesk,sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.explore-pete-section.svelte-1g0r0az {
    padding-top: 0;
    padding-bottom: 5rem
}

.explore-pete-section-wrap.svelte-1g0r0az {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 3rem;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    display: flex
}

.explore-pete-section-link.svelte-1g0r0az {
    width: 100%;
    text-decoration: none
}

.explore-pete-section-card.svelte-1g0r0az {
    width: 700px;
    max-width: 100%;
    position: relative;
    overflow: hidden
}

.explore-pete-section-card._01.svelte-1g0r0az {
    width: 700px
}

.explore-pete-section-card._02.svelte-1g0r0az,.explore-pete-section-card._03.svelte-1g0r0az {
    width: 206px
}

.explore-pete-section-image-box.svelte-1g0r0az {
    border-radius: 12px;
    width: 100%;
    height: 500px;
    overflow: hidden
}

.explore-pete-section-image {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.explore-pete-section-tag-wrap.svelte-1g0r0az {
    position: absolute;
    inset: 32px auto auto 32px
}

.explore-pete-section-tag.svelte-1g0r0az {
    border-radius: 100px;
    border: 1px solid rgba(0,0,0,.4);
    padding: 6px 16px
}

.explore-pete-section-card-details.svelte-1g0r0az {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    background-color: #0003;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    width: 636px;
    padding: 24px;
    display: flex;
    position: absolute;
    inset: auto 0% 32px 32px
}

.explore-pete-section-card-details._01.svelte-1g0r0az {
    display: flex
}

.explore-pete-section-card-details._02.svelte-1g0r0az,.explore-pete-section-card-details._03.svelte-1g0r0az {
    display: none
}

.explore-pete-section-arrow-box.svelte-1g0r0az {
    border-radius: 100px;
    background-color: #ffffff1a;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 68px;
    height: 68px;
    display: flex
}

.explore-pete-section-arrow.svelte-1g0r0az {
    width: 32px
}

.w-inline-block.svelte-1g0r0az {
    max-width: 100%;
    display: inline-block
}

.w-dyn-list.svelte-1g0r0az,.w-dyn-items.svelte-1g0r0az,.w-dyn-item.svelte-1g0r0az {
    display: block
}

@media screen and (max-width: 1200px)and (min-width:992px) {
    .sub-h1.explore-pete-section-sh1.svelte-1g0r0az {
        font-size:22px;
        line-height: 30px
    }

    .explore-pete-section.svelte-1g0r0az .body-03:where(.svelte-1g0r0az) {
        font-size: 12px;
        line-height: 18px
    }

    .explore-pete-section-wrap.svelte-1g0r0az {
        justify-content: flex-start;
        grid-column-gap: 16px
    }

    .explore-pete-section-card._01.svelte-1g0r0az {
        width: 400px
    }

    .explore-pete-section-card._02.svelte-1g0r0az,.explore-pete-section-card._03.svelte-1g0r0az {
        width: 140px
    }

    .explore-pete-section-card-details.svelte-1g0r0az {
        width: 360px
    }
}

@media screen and (max-width: 991px) {
    .explore-pete-container {
        margin-left:48px;
        margin-right: 48px
    }

    .sub-h1.explore-pete-section-sh1.svelte-1g0r0az {
        font-size: 24px;
        line-height: 32px
    }

    .explore-pete-section.svelte-1g0r0az {
        padding-top: 0;
        padding-bottom: 5rem
    }

    .explore-pete-section-wrap.svelte-1g0r0az {
        flex-flow: column;
        margin-top: 0
    }

    .explore-pete-section-card._01.svelte-1g0r0az,.explore-pete-section-card._02.svelte-1g0r0az,.explore-pete-section-card._03.svelte-1g0r0az {
        width: 100%
    }

    .explore-pete-section-image-box.svelte-1g0r0az {
        height: 400px
    }

    .explore-pete-section-tag-wrap.svelte-1g0r0az {
        left: 5%
    }

    .explore-pete-section-card-details.svelte-1g0r0az {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        width: 90%;
        inset: auto 0% 10% 5%
    }

    .explore-pete-section-card-details._02.svelte-1g0r0az,.explore-pete-section-card-details._03.svelte-1g0r0az {
        display: flex
    }
}

@media screen and (max-width: 767px) {
    .explore-pete-container {
        margin-left:32px;
        margin-right: 32px
    }

    .sub-h1.explore-pete-section-sh1.svelte-1g0r0az {
        font-size: 22px;
        line-height: 30px
    }

    .explore-pete-section-image-box.svelte-1g0r0az {
        height: 350px
    }

    .explore-pete-section-card-details.svelte-1g0r0az {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .explore-pete-section-arrow-box.svelte-1g0r0az {
        width: 56px;
        height: 56px
    }

    .explore-pete-section-arrow.svelte-1g0r0az {
        width: 28px
    }
}

@media screen and (max-width: 479px) {
    .explore-pete-container {
        margin-left:10px;
        margin-right: 10px
    }

    .sub-h1.explore-pete-section-sh1.svelte-1g0r0az {
        font-size: 18px;
        line-height: 28px
    }

    .explore-pete-section.svelte-1g0r0az {
        padding-top: 0;
        padding-bottom: 2rem
    }

    .explore-pete-section-wrap.svelte-1g0r0az {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin-top: 0
    }

    .explore-pete-section-image-box.svelte-1g0r0az {
        height: 280px
    }

    .explore-pete-section-tag-wrap.svelte-1g0r0az {
        top: 20px
    }

    .explore-pete-section-tag.svelte-1g0r0az {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .explore-pete-section-card-details.svelte-1g0r0az {
        width: 95%;
        padding: 20px;
        bottom: 5%;
        left: 2.5%
    }

    .explore-pete-section-arrow-box.svelte-1g0r0az {
        width: 48px;
        height: 48px;
        display: none
    }

    .explore-pete-section-arrow.svelte-1g0r0az {
        width: 24px
    }
}

.featured-books-container {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem,4vw,3rem);
    margin-top: -8rem;
    margin-bottom: -8rem
}

.button-wrapper.svelte-4hm99q {
    display: flex;
    justify-content: center;
    width: 100%
}

.book-interaction_home-content.svelte-4hm99q {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 2rem;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.book-wrapper.svelte-4hm99q {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    cursor: pointer;
    perspective: 1200px;
    perspective-origin: 0%;
    border-top-right-radius: 3.2px;
    border-bottom-right-radius: 3.2px;
    position: relative;
    box-shadow: 0 0 #0000,0 2px .2px #00000006,0 4px .4px #00000007,0 6.1px .7px #00000008,0 8.3px .9px #00000009,0 10.7px 1.2px #00000009,0 13.5px 1.6px #0000000a,0 16.6px 2.1px #0000000a,0 20.2px 2.7px #0000000a,0 24.6px 3.5px #0000000b,0 30.1px 4.4px #0000000b,0 36.8px 5.8px #0000000b,0 45.5px 7.5px #0000000b,0 56.9px 9.9px #0000000b,0 72.2px 13.2px #0000000c,0 93.6px 17.8px #0000000c,0 125px 24.8px #0000000c,0 175.1px 36px #0000000d,0 270.8px 57.8px #0000000e
}

.book_cover-wrapper.svelte-4hm99q {
    aspect-ratio: 10 / 16;
    transform-origin: 0%;
    border-top-right-radius: 3.2px;
    border-bottom-right-radius: 3.2px;
    width: 280px;
    overflow: hidden;
    transform-style: preserve-3d
}

.book_cover-image.svelte-4hm99q {
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 991px) {
    .book-interaction_home-content.svelte-4hm99q {
        padding:24px;
        gap: 20px
    }

    .book_cover-wrapper.svelte-4hm99q {
        width: 220px
    }
}

@media screen and (max-width: 767px) {
    .book-interaction_home-content.svelte-4hm99q {
        padding:16px;
        gap: 20px
    }

    .book_cover-wrapper.svelte-4hm99q {
        width: 180px
    }

    .featured-books-container {
        margin-top: -4rem;
        margin-bottom: -4rem
    }
}

@media screen and (max-width: 479px) {
    .book-interaction_home-content.svelte-4hm99q {
        padding:12px;
        gap: 16px
    }

    .book_cover-wrapper.svelte-4hm99q {
        width: 150px
    }
}

section.svelte-19aw9ta {
    margin-top: 5rem;
    margin-bottom: 8rem;
    font-family: Mona Sans,sans-serif
}

.accordion-list.svelte-19aw9ta {
    width: 100%;
    grid-row-gap: 18px;
    flex-direction: column;
    display: flex;
    padding-top: 3rem
}

.accordion.svelte-19aw9ta {
    width: 100%;
    border-bottom: 1px rgba(29,64,134,.12)
}

.accordion-term.svelte-19aw9ta {
    margin: 0
}

.accordion-question.svelte-19aw9ta {
    margin: 0;
    font: inherit;
    color: inherit
}

.accordion-top.svelte-19aw9ta {
    cursor: pointer;
    z-index: 1;
    width: 100%;
    max-width: 800px;
    margin: 0 auto -12px;
    background-color: #1e1e1e;
    opacity: 1;
    border: 1px solid transparent;
    border-radius: 12px;
    align-items: center;
    padding: 16px;
    transition: color .2s,border-color .2s;
    display: flex;
    position: relative;
    font: inherit;
    text-align: left
}

.accordion-top.svelte-19aw9ta:hover {
    border-color: #ffffff29;
    color: #ededed
}

.accordion-top-wrap.svelte-19aw9ta {
    font-variation-settings: "wght" 450;
    flex: 1;
    align-items: center;
    font-size: 1rem;
    display: flex;
    font-family: Mona Sans,sans-serif;
    color: #a0a0a0
}

.accordion-top-icon.svelte-19aw9ta {
    background-color: #ffffff14;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 8px;
    position: relative
}

.accordion-top-icon-wrap.svelte-19aw9ta {
    width: 12px;
    height: 12px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.accordion-icon-stripe-2.svelte-19aw9ta {
    z-index: 0;
    width: 100%;
    height: 2px;
    background-color: #a0a0a0;
    border-radius: 3px;
    position: absolute
}

.accordion-icon-stripe-1.svelte-19aw9ta {
    z-index: 1;
    width: 2px;
    height: 100%;
    background-color: #a0a0a0;
    border-radius: 3px;
    position: relative
}

.accordion-bottom.svelte-19aw9ta {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
    height: 0
}

.accordion-bottom-wrap.svelte-19aw9ta {
    z-index: 0;
    width: 100%;
    background-color: #1e1e1e;
    padding: 28px 16px 16px;
    position: relative;
    font-family: Mona Sans,sans-serif;
    color: #a0a0a0;
    font-size: .875rem;
    line-height: 1.5
}

@media screen and (max-width: 767px) {
    section.svelte-19aw9ta {
        margin-top:0;
        margin-bottom: 10rem
    }

    .accordion-list.svelte-19aw9ta {
        margin-top: 2rem
    }
}

@media screen and (max-width: 479px) {
    .accordion-bottom-wrap.svelte-19aw9ta {
        padding-right:0
    }
}

.blog-container {
    padding-bottom: 10rem;
    margin-top: -10rem;
    margin-bottom: 5rem
}

.blog-main-grid.svelte-117h3t0 {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 3rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    display: grid
}

.blog-post-item.svelte-117h3t0,.blog-list-wrapper.svelte-117h3t0,.blog-collection-list.svelte-117h3t0,.blog-collection-item.svelte-117h3t0 {
    width: 100%;
    height: 100%
}

.blog-link-wrapper.svelte-117h3t0 {
    padding: .5rem .5rem 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 1.25rem;
    background-color: #f0f0f0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    transition: background-color .35s;
    display: block
}

.blog-link-wrapper.svelte-117h3t0:hover {
    background-color: #e0e0e0
}

.blog-post-grid.svelte-117h3t0 {
    grid-template-columns: 1fr;
    width: 100%;
    height: 100%;
    display: grid
}

.blog-image-wrapper.svelte-117h3t0 {
    border-radius: 1rem;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.cover-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform .35s ease
}

.blog-link-wrapper.svelte-117h3t0:hover .cover-image {
    transform: scale(1.05)
}

.blog-post-category.svelte-117h3t0 {
    background-color: #0e0e0e;
    color: #fff;
    border-radius: 10px;
    padding: 8px 12px;
    position: absolute;
    inset: .5rem auto auto .5rem;
    font-family: Mona Sans,Arial,sans-serif;
    font-size: .875rem
}

.blog-post-content.svelte-117h3t0 {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px
}

.post-title.svelte-117h3t0 {
    color: #0e0e0e;
    font-size: 3rem;
    line-height: 1.1;
    font-family: Mona Sans Narrow,Impact,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 2
}

.post-title.is-small.svelte-117h3t0 {
    font-size: 1.5rem;
    font-family: Mona Sans Narrow,Impact,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 2
}

.blog-post-info.svelte-117h3t0 {
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex
}

.blog-post-info-item.svelte-117h3t0 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex
}

.text-size-small.svelte-117h3t0 {
    color: #0e0e0e;
    font-size: .875rem;
    line-height: 1.4;
    font-family: Mona Sans,Arial,sans-serif
}

.text-size-small.text-color-secondary.svelte-117h3t0,.text-color-secondary.svelte-117h3t0 {
    color: #8d8d8d
}

.blog-post-icon-wrap.svelte-117h3t0 {
    border: 1px solid #0e0e0e;
    border-radius: 100%;
    background-color: #0e0e0e;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 10px;
    display: flex
}

.blog-post-icon-overflow.svelte-117h3t0 {
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex;
    position: relative;
    overflow: hidden
}

.blog-post-icon.svelte-117h3t0 {
    color: #fff;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute
}

.spacer-xlarge.svelte-117h3t0 {
    width: 100%;
    padding-top: 4rem
}

.blog-button-wrapper.svelte-117h3t0 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 2rem
}

.blog-post-item-1.svelte-117h3t0 {
    grid-area: 1 / 1 / 5 / 5
}

.blog-content-align-end.svelte-117h3t0 {
    align-self: end
}

.blog-post-item-2.svelte-117h3t0 {
    grid-area: 1 / 5 / 3 / 7
}

.blog-post-item-3.svelte-117h3t0 {
    grid-area: 1 / 7 / 3 / 9
}

.blog-post-item-4.svelte-117h3t0 {
    grid-area: 3 / 5 / 5 / 7
}

.blog-post-item-5.svelte-117h3t0 {
    grid-area: 3 / 7 / 5 / 9
}

@media screen and (max-width: 991px) {
    .blog-container {
        padding-bottom:8rem
    }

    .blog-main-grid.svelte-117h3t0 {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-rows: auto auto auto auto auto auto auto auto
    }

    .post-title.is-small.svelte-117h3t0 {
        font-size: 1.75rem
    }

    .blog-post-item-1.svelte-117h3t0 {
        grid-column-end: 9
    }

    .blog-post-item-2.svelte-117h3t0 {
        grid-area: 5 / 1 / 7 / 5
    }

    .blog-post-item-3.svelte-117h3t0 {
        grid-row: 5 / 7;
        grid-column-start: 5
    }

    .blog-post-item-4.svelte-117h3t0 {
        grid-area: 7 / 1 / 9 / 5
    }

    .blog-post-item-5.svelte-117h3t0 {
        grid-row: 7 / 9;
        grid-column-start: 5
    }
}

@media screen and (max-width: 767px) {
    .spacer-xlarge.svelte-117h3t0 {
        padding-top:3rem
    }

    .blog-main-grid.svelte-117h3t0 {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .post-title.svelte-117h3t0 {
        font-size: 2.5rem
    }

    .post-title.is-small.svelte-117h3t0 {
        font-size: 1.5rem
    }

    .blog-post-icon-wrap.svelte-117h3t0 {
        width: 2rem;
        height: 2rem
    }

    .blog-post-icon.svelte-117h3t0 {
        width: 1rem;
        height: 1rem
    }

    .blog-post-grid.svelte-117h3t0 {
        grid-column-gap: 0px;
        grid-row-gap: 0px
    }
}

@media screen and (max-width: 479px) {
    .spacer-xlarge.svelte-117h3t0 {
        padding-top:2.5rem
    }

    .blog-container {
        padding-bottom: 6rem
    }

    .blog-main-grid.svelte-117h3t0 {
        grid-template-rows: auto auto auto auto auto
    }

    .post-title.svelte-117h3t0 {
        font-size: 2rem
    }

    .blog-post-info.svelte-117h3t0 {
        padding-top: 10px
    }

    .blog-post-content.svelte-117h3t0 {
        padding-top: 1rem
    }

    .blog-post-category.svelte-117h3t0 {
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 12px;
        top: .5rem;
        left: .5rem
    }

    .blog-post-item-1.svelte-117h3t0 {
        grid-row-end: 2
    }

    .blog-post-item-2.svelte-117h3t0 {
        grid-row: 2 / 3;
        grid-column-end: 9
    }

    .blog-post-item-3.svelte-117h3t0 {
        grid-row: 3 / 4;
        grid-column-start: 1
    }

    .blog-post-item-4.svelte-117h3t0 {
        grid-row: 4 / 5;
        grid-column-end: 9
    }

    .blog-post-item-5.svelte-117h3t0 {
        grid-row: 5 / 6;
        grid-column-start: 1
    }
}


/* Button Styles */
.w-inline-block.svelte-l9ly3 {
    max-width: 100%;
    display: inline-block
}

.theme-button.svelte-l9ly3 {
    z-index: 3;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    background-color: #fff;
    font-family: Schibsted Grotesk,sans-serif;
    color: #121212;
    font-size: 14px;
    line-height: 160%;
    font-weight: 400;
    text-transform: uppercase;
    transform-style: preserve-3d;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding: 5px 35px 5px 60px;
    text-decoration: none;
    transition: transform .3s,color .3s;
    display: inline-flex;
    position: relative
}

.theme-button.svelte-l9ly3:hover {
    color: #fff
}

.theme-button.svelte-l9ly3:active {
    transform: scale3d(.9,.9,.9)
}

.theme-button.dark.svelte-l9ly3 {
    background-color: #121212;
    color: #fff
}

.theme-button.dark.svelte-l9ly3:hover {
    color: #121212
}

.theme-button.dark[data-variant=gold].svelte-l9ly3 {
    background-color: #16213e;
    color: #fff
}

.theme-button.dark[data-variant=gold].svelte-l9ly3:hover {
    color: #16213e
}

.theme-btn-bg.svelte-l9ly3 {
    background-color: #121212;
    border-radius: 20px;
    height: 40px;
    position: absolute;
    inset: 5px
}

.theme-btn-bg.light.svelte-l9ly3 {
    background-color: #fff
}

.theme-button.dark[data-variant=white].svelte-l9ly3 .theme-btn-bg:where(.svelte-l9ly3) {
    background-color: #121212
}

.theme-button.dark[data-variant=white].svelte-l9ly3 .theme-btn-bg.light:where(.svelte-l9ly3) {
    background-color: #fff
}

.theme-button.dark[data-variant=gold].svelte-l9ly3 .theme-btn-bg:where(.svelte-l9ly3) {
    background-color: #16213e
}

.theme-button.dark[data-variant=gold].svelte-l9ly3 .theme-btn-bg.light:where(.svelte-l9ly3) {
    background-color: #d4af37
}

.theme-btn-icon-box.svelte-l9ly3 {
    z-index: 3;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
    position: absolute;
    left: 5px;
    overflow: hidden
}

.theme-btn-icon.svelte-l9ly3 {
    width: 20px;
    filter: brightness(0)
}

.theme-btn-hover-icon.svelte-l9ly3 {
    width: 20px;
    position: absolute;
    filter: brightness(0)
}

.theme-button.dark[data-variant=gold].svelte-l9ly3 .theme-btn-icon:where(.svelte-l9ly3),
.theme-button.dark[data-variant=gold].svelte-l9ly3 .theme-btn-hover-icon:where(.svelte-l9ly3) {
    filter: brightness(0) invert(1)
}

.theme-btn-text-box.svelte-l9ly3 {
    z-index: 4;
    position: relative;
    overflow: hidden
}

.theme-btn-hover-text.svelte-l9ly3 {
    position: absolute;
    top: 0
}

@media(max-width: 991px) {
    .theme-button.svelte-l9ly3 {
        height: 45px;
        padding: 5px 25px 5px 50px;
        font-size: 12px
    }

    .theme-btn-bg.svelte-l9ly3 {
        height: 35px
    }

    .theme-btn-icon-box.svelte-l9ly3 {
        width: 35px;
        height: 35px
    }

    .theme-btn-icon.svelte-l9ly3,
    .theme-btn-hover-icon.svelte-l9ly3 {
        width: 18px
    }
}

@media(max-width: 639px) {
    .theme-button.svelte-l9ly3 {
        height: 40px;
        padding: 5px 20px 5px 45px;
        font-size: 11px
    }

    .theme-btn-bg.svelte-l9ly3 {
        height: 30px
    }

    .theme-btn-icon-box.svelte-l9ly3 {
        width: 30px;
        height: 30px;
        left: 5px
    }

    .theme-btn-icon.svelte-l9ly3,
    .theme-btn-hover-icon.svelte-l9ly3 {
        width: 16px
    }
}

/* Fix Pete Sacco text color to black */
.display-1.svelte-1bu3l16 {
    color: #000;
}


/* I ❤️ GENSAN Marquee Styling */
.marquee-text {
    color: #0D2B5E !important;
    position: relative;
    z-index: 20;
}

.marquee-text .first-name,
.marquee-text .last-name {
    color: #0D2B5E !important;
}

.heart-icon {
    margin: 0 1rem;
    font-size: 1em;
    display: inline-block;
    color: #F5C518;
}

.marquee-spacer {
    color: #F5C518;
}


/* CTO GenSan Color Scheme Override */
.display-3.svelte-1bu3l16 {
    color: #0D2B5E !important;
}

.display-3.outline.svelte-1bu3l16,
.display-3.outline.motto.svelte-1bu3l16 {
    color: transparent !important;
    -webkit-text-stroke-color: #0D2B5E !important;
}

.display-3.motto.svelte-1bu3l16 {
    color: #F5C518 !important;
}