:root{--screenshots-amount-3-m: clamp(22.688rem, calc(-9.502rem + 67.061vw), 47.5rem);--screenshots-amount-2-m: clamp(12.313rem, calc(-15.579rem + 58.108vw), 33.813rem);--screenshots-amount-2-m-with-mobile: 154px}.hf-pb-detail-view{--hf-element-spacing: clamp(60px, calc(1.1931818182rem + 7.1022727273vw), 110px)}.hf-pb-detail-infos{--block-space: 20px;font-size:16px;line-height:1.5em}#main #maincontent:has(div.hf-pb-detail-view)>div:first-child{margin-top:0}.hf-pb-lead{font-weight:400}.hf-pb-detail-nav{margin-bottom:50px;margin-top:40px}.hf-pb-detail-nav a{font-weight:400;line-height:140%}.hf-pb-detail-nav>div{display:flex;justify-content:space-between;font-size:16px;color:#333;font-weight:400;font-family:Nouvelle Grotesk}.hf-pb-detail-nav>div a:hover span:before{color:#E52B7A}.hf-pb-detail-nav>div span:before{color:#333;font-size:11px}.hf-pb-detail-title{position:absolute;bottom:clamp(30px, calc(1.3636363636rem + 1.4204545455vw), 40px);background-color:white;padding:18px 30px}.hf-pb-detail-title h1{margin:0}.hf-pb-detail-categories{--gap: 6px;position:relative;display:flex;flex-wrap:wrap;gap:var(--gap);white-space:nowrap;font-size:13px;line-height:140%}.hf-pb-detail-categories li{background-color:var(--hf-color-grey);padding:2px var(--gap)}:root{--hf-pb-line-left-width: 10px;--hf-pb-line-left-color: var(--hf-color-prim)}.hf-pb-line-left{position:absolute;left:0;top:0;bottom:0;width:var(--hf-pb-line-left-width);background-color:var(--hf-pb-line-left-color)}div:has(> .hf-pb-line-left){position:relative;padding-left:calc(var(--hf-pb-line-left-width) + 20px)}@media (max-width:48em){.hf-pb-detail-hero{margin-left:calc(var(--outer-gutter) * -1);margin-right:calc(var(--outer-gutter) * -1)}}#additional-images.in-viewport.screenshots img,#additional-images.in-viewport.screenshots video{box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2)}#additional-images .hf-pb-img-wrapper{position:relative}#additional-images .hf-pb-img-wrapper img,#additional-images .hf-pb-img-wrapper video{transition:transform ease-in-out, box-shadow ease-in-out;transition-duration:0.6s;border-radius:5px}#additional-images:not(.in-viewport) img,#additional-images:not(.in-viewport) video{transform:scale(0.95)}.screenshots{position:relative}.screenshots .desktop-image{--gl-col-fraction: 8;--gl-col-portion: 66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.screenshots .desktop-image:nth-child(2){position:absolute;right:0;top:calc(100% - 100px)}.screenshots .mobile-image{position:absolute;--gl-col-fraction: 3;--gl-col-portion: 25%;flex-basis:25%;max-width:25%}.screenshots .mobile-image:nth-child(2){right:0;transform:rotate(5deg);top:140px}.screenshots .mobile-image:nth-child(2) img,.screenshots .mobile-image:nth-child(2) video{margin:0 -24px}.screenshots .mobile-image:nth-child(3){transform:rotate(-5deg);top:calc(100% + 100px)}.screenshots .mobile-image:nth-child(3) img,.screenshots .mobile-image:nth-child(3) video{margin:0 24px}@media screen and (max-width:1024px){.screenshots .mobile-image:nth-child(3){transform:unset;top:calc(100% + 65px)}.screenshots .mobile-image:nth-child(3) img,.screenshots .mobile-image:nth-child(3) video{margin:0 auto}}.hf-pb-detail-hero img{width:100%}@media screen and (min-width:767px){.screenshots{position:relative}.screenshots.amount-3{margin-bottom:var(--screenshots-amount-3-m) !important}.screenshots.amount-2:not(.with-mobile){margin-bottom:var(--screenshots-amount-2-m) !important}.screenshots.amount-2.with-mobile{margin-bottom:var(--screenshots-amount-2-m-with-mobile) !important}.area:has(div.amount-3)+.area{margin-top:calc(var(--hf-element-spacing) + var(--screenshots-amount-3-m))}.area:has(div.amount-2)+.area{margin-top:calc(var(--hf-element-spacing) + var(--screenshots-amount-2-m))}.area:has(div.amount-2.with-mobile)+.area{margin-top:calc(var(--hf-element-spacing) + var(--screenshots-amount-2-m-with-mobile))}}@media screen and (max-width:768px){:root{--hf-header-height: 55px}.screenshots{display:flex;flex-wrap:wrap}.screenshots .desktop-image,.screenshots .mobile-image{position:unset !important;max-width:100%;flex-basis:100%}.screenshots .desktop-image:nth-child(2),.screenshots .mobile-image:nth-child(2){transform:unset}.screenshots .desktop-image:not(:first-child),.screenshots .mobile-image:not(:first-child){margin-top:50px}.screenshots .mobile-image{order:1}.screenshots .mobile-image:nth-child(2) img,.screenshots .mobile-image:nth-child(2) video,.screenshots .mobile-image:nth-child(3) img,.screenshots .mobile-image:nth-child(3) video{margin:0 auto;max-width:60vw;display:block}div.additional-images picture:not(:first-child){margin-top:50px}.hf-pb-detail-hero{display:flex;flex-wrap:wrap}.hf-pb-detail-hero>*{width:100%}.hf-pb-detail-hero>picture{order:-1}.hf-pb-detail-hero>div{margin-bottom:0}.hf-pb-detail-hero .hf-pb-detail-nav a{font-size:13px}.hf-pb-detail-hero .hf-pb-detail-nav a span:before{font-size:9px;color:#4D4D4D}.hf-pb-detail-hero .hf-pb-detail-nav a:not(:hover){color:#4D4D4D}.hf-pb-detail-hero .hf-pb-detail-title{position:unset;background-color:transparent;padding:0;margin-top:35px}.hf-pb-detail-hero h1{text-wrap:balance}.hf-pb-detail-hero+.area{margin-top:30px}.hf-pb-detail-view>.hf-fixed-grid{border:0}.hf-pb-detail-nav{margin-bottom:20px;margin-top:15px}}.additional-images picture:not(:first-child){margin-top:120px;display:block}.additional-images img{transition:box-shadow 0.4s ease-in-out;margin:auto}#additional-images.in-viewport.additional-images picture img{box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2)}#additional-images.in-viewport.additional-images picture:not(:first-child){margin-top:70px}body{transition:background-color 0.4s ease-in-out}body:has(#additional-images.in-viewport){background-color:#EEE5D4}