.template-product__fsp7{--animSpeed: .4s;--color-background: var(--color-white);--color-blue-dark: 205deg 100% 12.9%;--color-blue-bright: 215deg 100% 48.4%;--color-blue-bright-light: 212deg 90.5% 79.4%;--color-blue-light: 209deg 98.9% 34.5%;--color-blue-lighter: 209deg 100% 87.5%}.template-product__fsp7 .header,.template-product__fsp7 .header .link{color:hsl(var(--color-white))}.template-product__fsp7 .header--sticky,.template-product__fsp7 .header--sticky .link{color:hsl(var(--color-foreground))}@media screen and (min-width: 1080px){.template-product__fsp7 .header__product-title-container{position:absolute}}.header__fsp7-nav{display:none;flex-grow:1}@media screen and (min-width: 768px){.header__fsp7-nav{display:flex;justify-content:stretch}}@media screen and (min-width: 1080px){.header__fsp7-nav{justify-content:flex-end}}.header__nav--fsp7{width:100%;justify-content:space-between}@media screen and (min-width: 1080px){.header__nav--fsp7{width:65%}}.header--sticky .header__nav--fsp7{--nav-gap: var(--space-2xl)}.header__nav_item--fsp7{display:flex;flex-direction:column;text-align:center;flex:1 1 auto}.header__fsp7-nav__product-title{font-weight:700}.header__fsp7-nav__price{font-size:var(--fs-s)}.header__fsp7-nav__cta{color:hsl(var(--color-white));border-color:hsl(var(--color-blue-bright));background-color:hsl(var(--color-blue-bright));margin-block-start:var(--space-3xs);padding:var(--space-3xs) var(--space-xl)}.fsp7-section+.fsp7-section{margin-block-start:var(--space-4xl)}.link--fsp7{--color-link: var(--color-blue-bright);--color-link-hover: var(--color-blue-bright-light)}.fsp7-section__header{text-align:center;margin:var(--space-l) auto var(--space-2xl)}@media screen and (min-width: 768px){.fsp7-section__header{width:min(50vw,620px)}}.fsp7-section__title{font-size:var(--fs-huge);margin-block-end:var(--space-2xs)}.fsp7-section__description{text-wrap-style:balance}.fsp7-intro{position:relative;color:hsl(var(--color-white));padding-block-start:var(--space-5xl);background:linear-gradient(180deg,hsl(var(--color-blue-dark)) 0%,hsl(var(--color-blue-light)) 41%,transparent 88%,transparent 100%)}.fsp7-intro__content{text-align:center}.fsp7-intro__supheading{font-size:var(--fs-l);font-weight:500}.fsp7-intro__heading{font-size:var(--fs-4xl);font-weight:var(--font-heading-weight);max-width:18ch;line-height:1;margin:var(--space-l) auto var(--space-s)}@media screen and (min-width: 768px){.fsp7-intro__heading{font-size:var(--fs-enormous)}}.fsp7-intro__cta{--color-button-text: var(--color-white);margin-block:var(--space-l)}.fsp7-intro__image{position:relative}.fsp7-intro__image img{width:100%;height:auto;margin-bottom:-18%}@media screen and (min-width: 768px){.fsp7-intro__image-text{position:absolute;bottom:25%;width:100%}}.fsp7-intro__description{color:hsl(var(--color-foreground));margin-block:var(--space-s)}.fsp7-intro__overlay{display:none;position:absolute;border-radius:var(--border-radius);font-size:var(--fs-base);font-weight:600;padding:var(--space-xs) var(--space-m)}@media screen and (min-width: 768px){.fsp7-intro__overlay{display:block}}.fsp7-intro__overlay1{top:30px;right:18%;animation:introOverlay1 ease-out;animation-timeline:view(block -20%);transform:translateY(-40%) rotate(10deg)}@keyframes introOverlay1{0%{transform:translateY(-40%) rotate(0)}to{transform:translateY(100%) rotate(18deg)}}.fsp7-intro__overlay2{left:10%;top:36%;animation:introOverlay2 ease-out;animation-timeline:view(block -20%);transform:translateY(0) rotate(14deg)}@keyframes introOverlay2{0%{transform:translateY(200%) rotate(10deg)}to{transform:translateY(0) rotate(-20deg)}}.fsp7-panels__container{margin-block:var(--space-xl);display:grid;gap:var(--gutter)}@media screen and (min-width: 768px){.fsp7-panels__container{grid-template-columns:1fr 1fr 1fr}}.fsp7-panels__panel{container-type:inline-size;position:relative;display:flex;flex-direction:column;justify-content:flex-start;overflow:visible;text-decoration:none;height:100%;border:2px solid hsl(var(--card-background-color));transition:background-color var(--duration-default) ease,border-color var(--duration-default) ease}.fsp7-panels__panel ul{margin-block:var(--space-s) var(--space-xl);padding-inline-start:var(--space-s)}.fsp7-panels__panel ul li{margin-block-end:var(--space-3xs)}.fsp7-panels__panel.fsp7-panels__panel--mini{text-align:center}.fsp7-panels__panel:hover{background-color:hsl(var(--color-blue-lighter) / .3);border-color:transparent}.fsp7-panels__panel:hover .fsp7-panels__panel-cta{color:hsl(var(--color-white));border-color:hsl(var(--color-blue-bright));background-color:hsl(var(--color-blue-bright))}@media screen and (max-width: 767px){.fsp7-panels__panel{--card-padding: var(--space-l)}}@media screen and (min-width: 768px){.fsp7-panels__panel{padding-inline:var(--space-2xl)}.fsp7-panels__panel:not(.fsp7-panels__panel--mini){padding-block-end:var(--space-xl)}}.fsp7-panels__panel--create,.fsp7-panels__panel--create:hover{border-color:hsl(var(--color-blue-bright))}.fsp7-panels__panel--create .fsp7-panels__panel-title,.fsp7-panels__panel--create .fsp7-panels__panel-price,.fsp7-panels__panel--create .fsp7-panels__panel-description{color:hsl(var(--color-blue-bright))}.fsp7-panels__panel--create .fsp7-panels__panel-cta{color:hsl(var(--color-white));border-color:hsl(var(--color-blue-bright));background-color:hsl(var(--color-blue-bright))}.fsp7-panels__panel-cta{margin-block-start:auto}.fsp7-panels__panel-title{font-size:var(--fs-4xl)}@media screen and (min-width: 768px){.fsp7-panels__panel-title{font-size:var(--fs-2xl)}}.fsp7-panels__panel--mini .fsp7-panels__panel-title{text-align:center}.fsp7-panels__panel-price{font-family:PPLettra;font-size:23cqi;font-weight:600;font-style:italic;margin-block:var(--space-m) var(--space-xs)}.fsp7-panels__panel-price span{font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:var(--fs-l);font-style:normal}.fsp7-panels__panel--mini .fsp7-panels__panel-price{margin-block:var(--space-l) 0}.fsp7-panels__panel-description{font-size:var(--fs-l);font-weight:600;margin-block:var(--space-m)}.fsp7-panels__panel--mini .fsp7-panels__panel-description{margin-block:var(--space-2xs) var(--space-xl)}.fsp7-panels__panel-title,.fsp7-panels__panel-price,.fsp7-panels__panel-description{transition:color var(--duration-default);text-align:center}@media screen and (min-width: 768px){.fsp7-panels__panel-title,.fsp7-panels__panel-price,.fsp7-panels__panel-description{text-align:left}}.fsp7-panels__create-overlay{position:absolute;top:80px;right:-18px;border-radius:var(--border-radius);font-weight:600;padding:var(--space-xs) var(--space-2xs);animation:createOverlay var(--duration-long) ease-in-out;animation-delay:var(--duration-long);animation-fill-mode:both;animation-play-state:paused;z-index:5;box-shadow:0 2px 8px hsl(var(--color-black) / .15)}.fsp7-panels__create-overlay.bouncein.visible{animation-play-state:running}.fsp7-panels__create-overlay span{font-size:var(--fs-2xs)}.fsp7-panels__panel--mini .fsp7-panels__create-overlay{top:20px;right:auto;left:-22px;transform:rotate(10deg);animation-name:createOverlayInverted}@keyframes createOverlay{0%{opacity:0;transform:scale(.5) rotate(10deg)}40%{opacity:1;transform:scale(1.4) rotate(-15deg)}50%{opacity:1;transform:scale(1.4) rotate(-12deg)}60%{opacity:1;transform:scale(1.4) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(-20deg)}}@keyframes createOverlayInverted{0%{opacity:0;transform:scale(.5) rotate(-10deg)}40%{opacity:1;transform:scale(1.4) rotate(15deg)}50%{opacity:1;transform:scale(1.4) rotate(12deg)}60%{opacity:1;transform:scale(1.4) rotate(15deg)}to{opacity:1;transform:scale(1) rotate(20deg)}}.fsp7-panels__panel-cancelNote{font-size:var(--fs-xs);text-align:center;margin-block-start:var(--space-xs);color:hsl(var(--color-gray-darker))}.fsp7-comments__container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-block:var(--space-2xl)}@media screen and (max-width: 767px){.fsp7-comments__container{gap:var(--gutter)}}.fsp7-comments__comment{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;width:100%}.fsp7-comments__comment.p-card{--card-padding: var(--space-m) var(--space-2xl)}@media screen and (min-width: 768px){.fsp7-comments__comment{width:auto;box-shadow:0 0 20px hsl(var(--color-black) / .15)}}.fsp7-comments__emojis{font-size:var(--fs-xl)}@media screen and (min-width: 768px){.fsp7-comments__emojis{font-size:var(--fs-3xl)}}.fsp7-comments__text{font-size:var(--fs-4xl);font-weight:700;line-height:1;text-wrap:balance}@media screen and (min-width: 768px){.fsp7-comments__text{font-size:var(--fs-huge);max-width:min(40vw,670px)}}.fsp7-comments__author{font-weight:600;margin-block-start:var(--space-xs)}.fsp7-comments__author span{font-weight:450}@media screen and (min-width: 768px){.fsp7-comments__comment-1{z-index:3;animation:moveComment1 linear;animation-timeline:view(block -20%);transform:translate(-10%)}@keyframes moveComment1{0%{transform:translate(-10%)}to{transform:translate(-10%,60%)}}.fsp7-comments__comment-2{z-index:2;align-self:flex-end;animation:moveComment2 linear;animation-timeline:view(block -20%);transform:translateY(-20%)}@keyframes moveComment2{0%{transform:translateY(-20%)}to{transform:translate(-10%,100%)}}.fsp7-comments__comment-3{z-index:4;align-self:flex-start;animation:moveComment3 linear;animation-timeline:view(block -20%);transform:translateY(-30%)}@keyframes moveComment3{0%{transform:translate(0)}to{transform:translate(0)}}.fsp7-comments__comment-4{z-index:4;align-self:flex-end;animation:moveComment4 linear;animation-timeline:view(block -20%);transform:translateY(-30%)}@keyframes moveComment4{0%{transform:translateY(-40%)}to{transform:translateY(-90%)}}.fsp7-comments__comment-5{z-index:2;animation:moveComment5 linear;animation-timeline:view(block -20%);transform:translate(-10%,-40%)}@keyframes moveComment5{0%{transform:translateY(-100%)}to{transform:translateY(40%)}}}.fsp7-section__scrollCta{display:none;text-align:center;font-size:var(--fs-s);font-weight:600;color:hsl(var(--color-gray-medium))}.fsp7-section__scrollCta .arrow-anim{animation:2s ease-in-out 0s bounceRight;animation-iteration-count:3}@media screen and (max-width: 767px){.fsp7-section__scrollCta{display:block}.fsp7-unpack__special-wrapper{--width: 100vw}.fsp7-unpack__container{overflow-x:scroll;padding-inline:var(--gutter)}.fsp7-unpack__content{width:180vw}}.fsp7-unpack__create-overlay{--size: 2rem;position:absolute;top:-10px;right:7px;background-color:hsl(var(--color-white));border-radius:var(--radius-full);width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center;padding-top:1px;font-size:var(--fs-s);line-height:1;animation:createOverlayInverted var(--duration-long) ease-in-out;animation-delay:var(--duration-long);animation-fill-mode:both;animation-play-state:paused}.fsp7-unpack__create-overlay.bouncein.visible{animation-play-state:running}@media screen and (min-width: 768px){.fsp7-unpack__create-overlay{--size: 2.5rem;font-size:var(--fs-base);top:-15px;right:10px}}.fsp7-unpack__grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}@media screen and (min-width: 768px){.fsp7-unpack__grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}.fsp7-unpack__grid>div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:var(--fs-s);font-weight:530;padding:var(--space-xs);border-top:2px solid hsl(var(--color-gray-medium))}@media screen and (min-width: 768px){.fsp7-unpack__grid>div{font-size:var(--fs-l);padding:var(--space-l) var(--space-m)}}.fsp7-unpack__grid>div>span{font-size:var(--fs-s)}.fsp7-unpack__grid>div.row-top{text-align:center;font-weight:700;border-top:none}.fsp7-unpack__grid>div.row-top p{font-weight:450}.fsp7-unpack__grid>div.row-bottom{border-top:none}.fsp7-unpack__grid>div.row-bottom form{width:100%}@media screen and (max-width: 767px){.fsp7-unpack__grid>div.row-bottom{display:none}}.fsp7-unpack__grid>div:nth-child(4n-3){align-items:flex-start;font-weight:700}@media screen and (max-width: 767px){.fsp7-unpack__grid>div:nth-child(4n-3){text-align:left}}.fsp7-unpack__grid>div:nth-child(4n-3) p{font-size:var(--fs-s);font-weight:530}.fsp7-unpack__grid>div:nth-child(4n-1){background-color:hsl(var(--color-blue-lighter));border-color:hsl(var(--color-blue-bright-light))}.fsp7-unpack__grid>div:nth-child(4n-1) .fsp7-unpack__cta{color:hsl(var(--color-white));border-color:hsl(var(--color-blue-bright));background-color:hsl(var(--color-blue-bright))}.fsp7-unpack__grid>div:nth-child(4n-1).row-top{border-radius:var(--border-radius) var(--border-radius) 0 0}.fsp7-unpack__grid>div:nth-child(4n-1).row-bottom{border-radius:0 0 var(--border-radius) var(--border-radius)}.fsp7-unpack__cta:hover{color:hsl(var(--color-white));border-color:hsl(var(--color-blue-bright));background-color:hsl(var(--color-blue-bright))}.fsp7-unpack__footer{margin-block-start:var(--space-3xl)}.fsp7-unpack__footer-text{text-align:center}.fsp7__media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter);margin:0;padding:0}@media screen and (min-width: 768px){.fsp7__media-grid{grid-template-columns:repeat(5,1fr);gap:var(--space-m)}}@media screen and (min-width: 1080px){.fsp7__media-grid{grid-template-columns:repeat(8,1fr)}}.fsp7-fonts__item{position:relative;display:flex;flex-direction:column;overflow:visible;aspect-ratio:.72}.fsp7-fonts__item.active{z-index:100}.fsp7-fonts__mini-card{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;container-type:inline-size;font-size:var(--fs-s);text-align:center;text-wrap:auto;backface-visibility:hidden;z-index:50}@media screen and (max-width: 767px){.fsp7-fonts__mini-card.p-card{--card-padding: var(--gutter) var(--space-2xs)}}@media screen and (min-width: 768px){.fsp7-fonts__mini-card.fsp7-fonts__mini-card--neue-montreal-arabic .fsp7-fonts__aa{font-size:55cqw;transform:translateY(-20%)}}.fsp7-fonts__mini-card.fsp7-fonts__mini-card--ot.p-card{--card-background-color: var(--color-orange)}.fsp7-fonts__mini-card.t-enter{transition-delay:0ms;transition-property:transform,box-shadow,opacity;transition-timing-function:ease-out}.fsp7-fonts__mini-card.t-enter-start{transition-duration:var(--animSpeed);transform:rotateY(-180deg) scale(1.5);box-shadow:20px 20px 40px hsl(var(--color-black) / .2)}.fsp7-fonts__mini-card.t-enter-end{transition-duration:var(--animSpeed);transform:rotateY(0) scale(1);box-shadow:0 0 hsl(var(--color-black) / .2)}.fsp7-fonts__mini-card.t-leave{transition-delay:0ms;transition-property:transform,box-shadow,opacity;transition-timing-function:ease-out}.fsp7-fonts__mini-card.t-leave-start{transition-duration:var(--animSpeed);transform:rotateY(-24deg) rotate(-3deg) rotateX(8deg);box-shadow:4px 4px 12px hsl(var(--color-black) / .2)}.fsp7-fonts__mini-card.t-leave-end{transition-duration:var(--animSpeed);transform:rotateY(-180deg) rotate(0) rotateX(0) scale(1.2);box-shadow:20px 20px 40px hsl(var(--color-black) / .2)}.card-hover{transition:box-shadow var(--duration-medium) var(--ease-out-quint),transform var(--duration-medium) var(--ease-out-quint);transform-origin:30% 50%}.card-hover:hover{transform:rotateY(-24deg) rotate(-3deg) rotateX(8deg);box-shadow:4px 4px 12px hsl(var(--color-black) / .2)}.card-hover:hover span{animation:none!important}.fsp7-fonts__mini-card-trans{--trans-x: 0;--trans-y: 0;position:absolute;inset:0;perspective:500px;transition-delay:0ms;transition-property:transform;transition-duration:var(--animSpeed);transition-timing-function:ease-out}.fsp7-fonts__mini-card-trans.t-enter-start{transform:translate(var(--trans-x),var(--trans-y))}.fsp7-fonts__mini-card-trans.t-enter-end,.fsp7-fonts__mini-card-trans.t-leave-start{transform:translate(0)}.fsp7-fonts__mini-card-trans.t-leave-end{transform:translate(var(--trans-x),var(--trans-y))}.fsp7-fonts__aa{display:flex;font-size:60cqw;font-synthesis:none;line-height:1}.fsp7-fonts__aa.u-small{font-size:40cqw;margin-bottom:var(--space-xs)}@media screen and (min-width: 768px){.fsp7-fonts__aa{font-size:80cqw}.fsp7-fonts__aa.u-small{font-size:55cqw;margin-bottom:var(--space-2xs)}}.fsp7-fonts__aa svg{height:auto;overflow:visible}.fsp7-fonts__font-card-container{position:fixed;inset:0;background-color:hsl(var(--color-black) / .15);z-index:110;transition-delay:0ms;transition-property:background-color;transition-duration:var(--animSpeed);transition-timing-function:ease-out}.fsp7-fonts__font-card-container.t-enter-start{background-color:hsl(var(--color-black) / 0)}.fsp7-fonts__font-card-container.t-enter-end,.fsp7-fonts__font-card-container.t-leave-start{background-color:hsl(var(--color-black) / .15)}.fsp7-fonts__font-card-container.t-leave-end{background-color:hsl(var(--color-black) / 0)}.fsp7-fonts__font-card-translate{--trans-x: 0;--trans-y: 0;perspective:2000px;position:fixed;top:0;left:0;transform:translate(50vw,50vh);transition-delay:0ms;transition-property:transform;transition-duration:var(--animSpeed);transition-timing-function:ease-out}.fsp7-fonts__font-card-translate.t-enter-start{transform:translate(var(--trans-x),var(--trans-y))}.fsp7-fonts__font-card-translate.t-enter-end,.fsp7-fonts__font-card-translate.t-leave-start{transform:translate(50vw,50vh)}.fsp7-fonts__font-card-translate.t-leave-end{transform:translate(var(--trans-x),var(--trans-y))}.fsp7-fonts__font-card{box-shadow:10px 10px 40px hsl(var(--color-black) / .45);backface-visibility:hidden;transform:translate(-50%,-50%);transition-delay:-.1s;transition-property:transform,opacity;transition-duration:var(--animSpeed);transition-timing-function:ease-out}@media screen and (max-width: 767px){.fsp7-fonts__font-card{width:calc(100% - var(--gutter) * 2)}}@media screen and (min-width: 768px){.fsp7-fonts__font-card{min-width:37rem}}.fsp7-fonts__font-card.p-card{--card-padding: var(--space-l)}.fsp7-fonts__font-card.t-enter-start{transform:translate(-50%,-50%) rotateY(180deg) scale(.5)}.fsp7-fonts__font-card.t-enter-end,.fsp7-fonts__font-card.t-leave-start{transform:translate(-50%,-50%) rotateY(0) scale(1)}.fsp7-fonts__font-card.t-leave-end{transform:translate(-50%,-50%) rotateY(180deg) scale(.5)}.font-card__header{--cluster-gap: var(--space-2xs);margin-block-end:var(--space-m)}.font-card__header svg{--icon-size: var(--fs-xl);width:var(--icon-size);height:var(--icon-size);margin-bottom:var(--space-4xs)}.font-card__title{margin:0;font-size:var(--fs-huge);font-weight:450}.font-card__styles p{font-size:var(--fs-m);font-weight:600;margin-block:var(--space-xs)}.font-card__styles-list{list-style:none;margin:0;padding:0;column-gap:var(--space-2xl)}.font-card__styles-list--2cols{columns:2}.font-card__styles-list--3cols{columns:3}.font-card__style-item{color:hsl(var(--color-gray-medium));margin-block-end:var(--space-3xs);font-size:var(--fs-base)}.font-card__cta{justify-content:space-between;margin-block-start:var(--space-2xl);padding-inline:var(--space-s)}.font-card__cta svg{--icon-size: 10px;width:var(--icon-size);height:var(--icon-size)}.font-card__close{position:absolute;top:var(--space-s);right:var(--space-3xs);margin-inline-start:auto}.font-card__close svg{--icon-size: var(--fs-2xl);width:var(--icon-size);height:var(--icon-size);margin-bottom:0}.fsp7-mockups__item-container{perspective:500px}.fsp7-mockups__item{aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--border-radius);cursor:pointer;perspective:5000px}.fsp7-mockups__item img{width:100%;height:100%;object-fit:cover;transition:opacity var(--duration-default)}.fsp7-contact__container{text-align:center;--card-padding: var(--space-l)}@media screen and (min-width: 768px){.fsp7-contact__container{--card-padding: var(--space-2xl)}}.fsp7-contact__text{margin:0 auto}@media screen and (min-width: 768px){.fsp7-contact__text{width:40%}}.fsp7-contact__cta{margin-block-start:var(--space-s)}.fsp7-contact__title{line-height:1}.fsp7-disclaimer{text-align:center}@media screen and (min-width: 768px){.fsp7-disclaimer__container{max-width:min(50vw,620px);margin:calc(var(--space-3xl) * 2) auto}}.fsp7-disclaimer__title{font-size:var(--fs-base);margin-block-end:var(--space-2xs)}.fsp7-disclaimer__text{font-size:var(--fs-s);text-wrap:balance;margin-block-end:var(--space-2xs)}
