.blog-detail-header__content{z-index:1;position:relative}@media (width>=1024px){.blog-detail-header__content{grid-column:content-start/9 gap;min-height:28.125rem}}.blog-detail-header__content-background{z-index:-1;background-color:var(--blog-bg-color);width:100%;position:relative}.blog-detail-header__content-background:before{z-index:0;pointer-events:none;content:"";background-image:var(--blog-header-bg-pattern);mix-blend-mode:multiply;opacity:.9;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.blog-detail-header__content-background[class*=--dark]:before{opacity:.1}.blog-detail-header__content-background-tattoo{position:relative;overflow:hidden}.blog-detail-header__content-background-tattoo:after{--theme--mask-image:var(--theme--tattoo);-webkit-mask-image:var(--theme--mask-image);mask-image:var(--theme--mask-image);--theme--mask-aspect-ratio:var(--theme--tattoo-aspect-ratio);aspect-ratio:var(--theme--mask-aspect-ratio);z-index:-1;content:"";opacity:.1;height:100%;display:block;position:absolute;bottom:0;right:0;transform:translate(50%);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.blog-detail-header__content-background-tattoo.blog-detail-header__content-background--tattoo-light:after{background-color:#fff}.blog-detail-header__content-background-tattoo.blog-detail-header__content-background--tattoo-dark:after{background-color:#000}.blog-detail-header{z-index:1;color:oklch(25.2% 0 0);position:relative}.blog-detail-header.blog-detail-header--light-theme{color:#fff}.blog-detail-header__author-image .adaptive-image,.blog-detail-header__author-image .adaptive-image__picture,.blog-detail-header__author-image .media,.blog-detail-header__author-image .media__container{width:100%;height:100%}.blog-detail-header__author-image img,.blog-detail-header__author-image video{object-fit:cover;width:100%;height:100%}.blog-detail-header__author-image{clip-path:border-box;border-radius:50%;width:2.5rem;height:2.5rem}.blog-detail-header__text-image-container{z-index:-2;color:oklch(34.46% 0 0);height:auto;position:relative}.blog-detail-header__text-image-container:has(.blog-detail-header__text){background-color:oklch(93.4% 0 0)}.blog-detail-header__text{flex-direction:column;grid-area:2/content;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem 0;display:flex}@media (width>=1024px){.blog-detail-header__text{aspect-ratio:3/2;grid-area:1/content-start/auto/5 gap}}.blog-detail-header__text:only-child{aspect-ratio:unset;padding:1.5rem 0}@media (width>=1024px){.blog-detail-header__text:only-child{grid-column:4 content-col/9 gap;padding:3rem 0}}.blog-detail-header__image{aspect-ratio:3/2;grid-area:1/main;box-shadow:0 0 24px #2222223d}.blog-detail-header__image .adaptive-image,.blog-detail-header__image .adaptive-image__picture,.blog-detail-header__image .media,.blog-detail-header__image .media__container{width:100%;height:100%}.blog-detail-header__image img,.blog-detail-header__image video{object-fit:cover;width:100%;height:100%}@media (width>=1024px){.blog-detail-header__image{grid-column:6 gap/main-end}.blog-detail-header__image:not(:only-child){max-width:calc(var(--grid--container-full-max-width) / 2);justify-self:flex-end}.blog-detail-header__image:only-child{clip-path:border-box;border-radius:.5rem;grid-column:3 content-col/10 gap;margin-top:6rem}}.blog-detail-media.blog-detail-media--slider{overflow:hidden}.blog-detail-media.blog-detail-media--slider .default-slider{--column-span:8}.blog-detail-media.blog-detail-media--slider .default-slider .swiper-container{overflow:visible}.blog-detail-media.blog-detail-media--slider .default-slider .swiper-slide{width:calc(var(--grid--column-width) * var(--column-span) + var(--grid--gap-width) * (var(--column-span) - 1))}.blog-detail-media.blog-detail-media--slider .default-slider .swiper-button-next,.blog-detail-media.blog-detail-media--slider .default-slider .swiper-button-prev{inset-block:-3.75rem auto}.blog-detail-media__slider-container{grid-column:3 content-col/10 gap}.blog-detail-media__media .adaptive-image,.blog-detail-media__media .adaptive-image__picture,.blog-detail-media__media .media,.blog-detail-media__media .media__container{width:100%;height:100%}.blog-detail-media__media img,.blog-detail-media__media video{object-fit:cover;width:100%;height:100%}.blog-detail-media__media{--theme--bg-color:var(--theme--tattoo-dark-color);background-color:var(--theme--bg-color);border-radius:.5rem;overflow:hidden}.blog-detail-media__media-container--large{grid-column:3 content-col/10 gap}.blog-detail-media__media-container--column{grid-column:4 content-col/9 gap}.blog-detail__anchor-nav{z-index:1;grid-column:content;margin-bottom:2.5rem;position:relative}@media (width>=1024px){.blog-detail__anchor-nav{grid-column:2/7;height:0;margin-bottom:0}}.blog-detail__anchor-nav:not(:has(nav)){display:none}.blog-detail__anchor-list li+li{margin-top:1rem}.blog-detail__anchor-link{font-variant:initial;letter-spacing:0;text-transform:none;outline-offset:.3125rem;padding-left:1rem;font-size:clamp(.88rem,.17vw + .83rem,1rem);font-style:normal;font-weight:700;font-stretch:100%;line-height:150%;position:relative}.blog-detail__anchor-link:before{content:"";background:oklch(65.34% 0 0);width:1px;height:100%;transition:width .4s;position:absolute;bottom:0;left:0}.blog-detail__anchor-link:after{content:"";background:var(--blog-bg-color);transform-origin:bottom;width:1px;height:100%;transition:transform .4s,width .4s;position:absolute;bottom:0;left:0;transform:scaleY(0)}.blog-detail__anchor-link:is(:hover,:focus-visible,:active):before{width:.125rem}.blog-detail__anchor-link:is(:hover,:focus-visible,:active):after{width:.125rem;transform:scaleY(1)}.blog-detail section{margin-bottom:2.5rem}@media (width>=768px){.blog-detail section{margin-bottom:5rem}}.blog-detail .default-slider-wrapper{overflow:hidden}.blog-detail .default-slider.default-slider--grid{overflow:visible}@media (width>=1024px){.blog-detail .faq-accordion__faqs.faq-accordion__faqs--full-width{grid-column:4 content-col/9 gap}.blog-detail .downloads:not(:has(.downloads__header)) .downloads__content{grid-column:4 content-col/9 gap}}