@import"https://fonts.googleapis.com/css2?family=Italianno&display=swap";.home-janko{background:var(--color-bg);color:var(--color-text)}.home-janko__container{width:min(100% - var(--space-4xl),var(--container-page));margin-inline:auto}.home-janko__hero .home-janko__container{width:min(100% - var(--space-4xl),var(--container-hero))}.home-janko__section{padding:var(--section-padding);margin-top:var(--section-margin-top);margin-bottom:var(--section-margin-bottom);background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-section)}.home-janko__section h2,.home-janko__section h3,.home-janko__section h4{margin:0 0 .8em;color:var(--color-heading);line-height:var(--line-height-tight);letter-spacing:-.01em;text-wrap:balance;font-weight:700}.home-janko__section h2{font-size:var(--font-size-section-h2)}.home-janko__section h3,.home-janko__section h4{font-size:var(--font-size-section-h3)}.home-janko__section p{margin:0 0 1.2em;line-height:var(--line-height-base)}.home-janko__lead{font-size:var(--font-size-lead)}.home-janko__subtitle{margin-top:var(--space-3xl);text-align:center;font-size:var(--font-size-subtitle)}.home-janko__hero{position:relative;min-height:var(--hero-min-height);background-color:var(--color-hero-bg);background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden}.home-janko__hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--hero-overlay)}.home-janko__hero-layout{display:grid;grid-template-columns:1fr;min-height:var(--hero-min-height)}.home-janko__hero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:var(--hero-min-height);max-width:100%;padding:var(--space-5xl) 0;transform:translateY(-36px)}.home-janko__hero-text{max-width:100%}.home-janko__hero-brand{display:flex;justify-content:center;align-items:center;width:100%;max-width:var(--hero-subtitle-max-width, 600px);height:100px;margin:0;overflow:visible}.home-janko__hero-logo{display:block;width:980px;height:190px;background-color:var(--color-link);-webkit-mask:url(/cdn/shop/files/janko-02.svg?v=1777381180) no-repeat center center / contain;mask:url(/cdn/shop/files/janko-02.svg?v=1777381180) no-repeat center center / contain;filter:drop-shadow(0 10px 24px rgba(45,74,59,.14));transform:scale(2);transform-origin:center center}.janko-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.home-janko__hero-text h1{margin:0 0 var(--space-title-bottom, .65rem);font-family:Georgia,Times New Roman,serif;font-size:var(--font-size-hero-h1);line-height:.95;font-weight:500;color:var(--color-link);letter-spacing:-.01em;white-space:nowrap}.home-janko__hero-text h2{margin:0 auto var(--space-md);max-width:var(--hero-subtitle-max-width);width:fit-content;font-family:Italianno,cursive;font-size:var(--font-size-hero-h2);font-weight:400;font-style:normal;line-height:.95;letter-spacing:0;text-transform:none;text-align:center;color:var(--color-accent)}.home-janko__hero-divider{width:var(--size-divider-width);height:var(--size-divider-height);margin:0 0 var(--space-divider-bottom);background:var(--color-accent)}.home-janko__hero-text p{margin:0;max-width:var(--hero-body-max-width);font-size:var(--font-size-hero-body);line-height:var(--line-height-hero-body);color:var(--color-hero-body)}.home-janko__hero-features,.home-janko__hero-feature,.home-janko__hero-feature-icon,.home-janko__hero-image{display:none}.home-janko__actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-actions-top)}.home-janko__button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:var(--size-button-min-width);min-height:var(--size-button-min-height);padding:var(--button-padding-hero);border-radius:var(--radius-card);font-size:var(--font-size-button);font-weight:700;letter-spacing:.08em;text-decoration:none;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.home-janko__button:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.home-janko__button--primary{color:var(--color-button-primary-text);background:var(--color-accent);border:1px solid var(--color-accent)}.home-janko__button--primary:hover{color:var(--color-button-primary-text);background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.home-janko__button--secondary{color:var(--color-link);background:transparent;border:1px solid var(--color-link)}.home-janko__button--secondary:hover{color:var(--color-link);background:var(--color-button-secondary-hover-bg);border-color:var(--color-link-hover)}@media(max-width:1100px){.home-janko__hero-logo{width:1240px;max-width:100%;height:240px}}@media(max-width:640px){.home-janko__hero-brand{margin:0 0 -.9rem}.home-janko__hero-logo{width:560px;max-width:100%;height:108px}.home-janko__button{width:auto;flex:1 1 var(--hero-button-flex-basis-mobile, 130px)}.home-janko__hero-content{padding:var(--hero-content-padding-mobile, 1.8rem 0)}}.home-janko__usp-split{display:grid;grid-template-columns:var(--usp-columns);gap:var(--usp-gap);align-items:center;max-width:var(--usp-max-width);margin:var(--space-6xl) auto var(--space-4xl);padding:var(--usp-padding)}.home-janko__usp-media{margin:0;height:100%}.home-janko__usp-media img{display:block;width:100%;height:100%;min-height:var(--usp-image-min-height);object-fit:cover;object-position:center;border:0;border-radius:var(--radius-md);box-shadow:var(--shadow-image)}.home-janko__usp-content{max-width:var(--usp-content-max-width);padding:var(--content-padding)}.home-janko__usp-content h2{margin-bottom:var(--space-subheading-bottom, .7rem)}.home-janko__usp-intro{max-width:70ch}.home-janko__usp-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--usp-grid-gap);margin-top:var(--space-2xl)}.home-janko__usp-item{display:flex;flex-direction:column;justify-content:flex-start;min-height:var(--size-card-min-height);padding:var(--card-padding);background:var(--usp-card-bg);border:1px solid var(--usp-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.home-janko__usp-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--size-icon);height:var(--size-icon);margin-bottom:var(--space-icon-bottom);border-radius:var(--radius-pill);background:var(--usp-icon-bg);border:1px solid var(--usp-icon-border);transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.home-janko__usp-icon img{display:block;width:var(--size-icon-image);height:var(--size-icon-image);opacity:.9}.home-janko__usp-item h3{margin:0 0 var(--space-title-bottom-small, .55rem);min-height:2.6em;color:var(--color-heading);font-size:var(--font-size-card-title);line-height:var(--line-height-title)}.home-janko__usp-item p{margin:0;color:var(--color-text);line-height:var(--line-height-copy)}.janko-grid{display:grid;gap:var(--space-grid-gap)}.janko-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.janko-product-card{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.janko-product-card:hover{transform:translateY(-2px);background:var(--card-bg-hover);border-color:var(--card-border-hover);box-shadow:var(--shadow-card-hover)}.janko-product-card__image-link{display:block;color:inherit;text-decoration:none}.janko-product-card__image{margin:0;aspect-ratio:4 / 5;overflow:hidden;background:var(--color-image-placeholder-bg)}.janko-product-card__img,.janko-product-card__image img,.janko-product-card__image svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-image)}.janko-product-card:hover .janko-product-card__img,.janko-product-card:hover .janko-product-card__image img{transform:scale(1.02)}.janko-placeholder{width:100%;height:100%}.janko-product-card__body{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;padding:var(--card-padding)}.janko-product-card__title{margin:0 0 var(--space-title-bottom);min-height:2.6em;color:var(--color-heading);font-size:var(--font-size-product-title);line-height:var(--line-height-title);font-weight:700}.janko-product-card__title a{color:inherit;text-decoration:none}.janko-product-card__title a:hover{color:var(--color-link-hover)}.janko-product-card__excerpt{margin:0 0 var(--space-md);color:var(--color-text);line-height:var(--line-height-copy)}.janko-product-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-price-gap);margin:0 0 var(--space-price-bottom);color:var(--color-heading)}.janko-product-card__price-regular,.janko-product-card__price-sale{font-size:var(--font-size-product-price);font-weight:700;line-height:var(--line-height-price);color:var(--color-heading)}.janko-product-card__price-compare{font-size:var(--font-size-product-price-compare);color:var(--color-price-compare);text-decoration:line-through}.janko-product-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-actions-gap);width:100%;margin-top:auto}.janko-product-card__form{margin:0}.janko-product-card__form,.janko-product-card__actions>.janko-btn{flex:1 1 var(--card-action-flex-basis, 160px)}.janko-product-card__form .janko-btn{width:100%}.janko-story{display:grid;grid-template-columns:var(--story-columns);gap:var(--story-gap);align-items:start}.janko-story__content{max-width:var(--story-content-max-width);padding-right:clamp(0rem,1vw,1rem)}.janko-story__content h2{margin:0 0 var(--space-story-title-bottom);color:var(--color-heading)}.janko-story__subtitle{margin:0 0 var(--space-story-subtitle-bottom);color:var(--color-accent);font-size:var(--font-size-story-subtitle);line-height:var(--line-height-story-subtitle);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.janko-story__content p{margin:0 0 var(--space-text-bottom);color:var(--color-text);line-height:var(--line-height-base)}.janko-story__quote{margin-top:var(--space-quote-top);color:var(--color-heading);font-style:italic;font-weight:600}.janko-story__image{margin:0;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-image)}.janko-story__image img{display:block;width:100%;height:100%;min-height:var(--story-image-min-height);object-fit:cover}.janko-reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-grid-gap)}.janko-review{display:flex;height:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}@media(hover:hover)and (pointer:fine){.janko-review:hover{transform:translateY(-2px);background:var(--card-bg-hover);border-color:var(--card-border-hover);box-shadow:var(--shadow-card-hover)}}@media(hover:none),(pointer:coarse){.janko-review:active{transform:scale(var(--motion-press));background:var(--card-bg-hover)}}.janko-review__quote{display:flex;flex:1 1 auto;flex-direction:column;width:100%;margin:0;padding:var(--card-padding)}.janko-review__quote p{margin:0;color:var(--color-heading);font-size:var(--font-size-review-quote);line-height:var(--line-height-review);font-weight:500}.janko-final-cta{text-align:left}.janko-final-cta h2{margin:0 0 var(--space-heading-bottom);color:var(--color-heading);font-size:var(--font-size-section-h2);line-height:var(--line-height-tight);letter-spacing:-.01em}.janko-final-cta p{max-width:60ch;margin:0 0 var(--space-2xl);color:var(--color-text);line-height:var(--line-height-base)}.janko-final-cta__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}@media(max-width:1100px){.home-janko__hero-content{max-width:var(--hero-content-max-width-tablet, 560px);padding:var(--hero-content-padding-tablet, 2.2rem 0)}.home-janko__hero-text h1{font-size:var(--font-size-hero-h1-tablet);white-space:normal}}@media(max-width:980px){.home-janko__usp-split{grid-template-columns:1fr;padding:var(--usp-padding-tablet, 1.25rem)}.home-janko__usp-media img{min-height:var(--usp-image-min-height-tablet)}.home-janko__usp-content{max-width:none;padding:var(--usp-content-padding-tablet, .75rem .25rem 0)}.janko-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.janko-story{grid-template-columns:1fr}.janko-story__content{max-width:none;padding-right:0}.janko-story__image img{min-height:var(--story-image-min-height-tablet)}.janko-reviews{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.home-janko__actions{flex-direction:row;flex-wrap:wrap;align-items:stretch}.home-janko__button{width:auto;flex:1 1 var(--hero-button-flex-basis-mobile, 130px)}.home-janko__hero-content{padding:var(--hero-content-padding-mobile, 1.8rem 0)}.home-janko__hero-text h1{white-space:normal;font-size:var(--font-size-hero-h1-mobile)}.home-janko__usp-items{grid-template-columns:1fr}.home-janko__usp-media img{min-height:var(--usp-image-min-height-mobile)}.home-janko__usp-content{padding:var(--usp-content-padding-mobile, .5rem 0 0)}.home-janko__usp-item{min-height:auto;padding:var(--card-padding-mobile)}.home-janko__usp-item:hover{transform:translateY(-1px)}.janko-grid--3,.janko-reviews{grid-template-columns:1fr}.janko-product-card__body,.janko-review__quote{padding:var(--card-padding-mobile)}.janko-product-card:hover,.janko-review:hover{transform:translateY(-1px)}.janko-product-card__actions{flex-direction:column}.janko-product-card__form,.janko-product-card__actions>.janko-btn{flex:1 1 auto;width:100%}.janko-story__image img{min-height:var(--story-image-min-height-mobile)}.janko-final-cta__actions{width:100%}.janko-final-cta__actions .janko-btn{width:100%;justify-content:center}}@media(max-width:640px){.home-janko__actions{gap:.65rem}.home-janko__button{flex:1 1 100%;min-width:0;padding-inline:1rem;white-space:nowrap}.home-janko__hero-overlay{background:var(--mobile-hero-overlay)}.home-janko__hero-content{transform:translateY(var(--mobile-hero-content-offset));max-width:var(--mobile-hero-content-width)}.home-janko__hero-text{padding:1rem .75rem 1rem 0}.home-janko__hero-text h2{color:var(--mobile-hero-title-color);font-size:var(--mobile-hero-title-size);line-height:.95;margin-top:.35rem;margin-bottom:1.05rem;text-shadow:var(--mobile-hero-title-shadow)}.home-janko__hero-text p{color:var(--color-heading);font-weight:500;text-shadow:0 1px 12px rgba(246,242,232,.75);margin-bottom:1rem}.home-janko__hero-divider{width:3.8rem;height:2px}.home-janko__button--secondary{background:var(--mobile-hero-button-bg-soft)}}@media screen and (min-width:750px)and (max-width:1024px){.home-janko__hero-text h2{color:var(--mobile-hero-title-color);font-size:clamp(3rem,7vw,4.8rem);line-height:.95;margin-top:.35rem;margin-bottom:1.05rem;text-shadow:var(--mobile-hero-title-shadow)}.header-logo img,.header-logo svg{width:auto;max-width:150px;height:auto}}@keyframes jankoHeroFadeUp{0%{opacity:0;transform:translateY(var(--motion-hero-distance))}to{opacity:1;transform:translateY(0)}}@keyframes jankoHeroDivider{0%{opacity:0;width:var(--motion-divider-start-width)}to{opacity:1;width:var(--size-divider-width)}}.home-janko__hero-brand,.home-janko__hero-text h2,.home-janko__hero-text p,.home-janko__actions{opacity:0;animation:jankoHeroFadeUp var(--motion-duration-slow) var(--motion-ease-soft) forwards}.home-janko__hero-brand{animation-delay:0ms}.home-janko__hero-text h2{animation-delay:var(--motion-hero-delay-step)}.home-janko__hero-divider{opacity:0;animation:jankoHeroDivider var(--motion-duration-slow) var(--motion-ease-soft) forwards;animation-delay:calc(var(--motion-hero-delay-step) * 2)}.home-janko__hero-text p{animation-delay:calc(var(--motion-hero-delay-step) * 3)}.home-janko__actions{animation-delay:calc(var(--motion-hero-delay-step) * 4)}@media(max-width:640px){.home-janko__hero-brand,.home-janko__hero-text h2,.home-janko__hero-text p,.home-janko__actions{--motion-hero-distance: var(--motion-hero-distance-mobile)}}.home-janko__usp-media{overflow:hidden;border-radius:var(--radius-md)}.home-janko__usp-media img{transition:transform var(--motion-duration-slow) var(--motion-ease-soft),box-shadow var(--transition-fast);will-change:transform}.home-janko__usp-item{transition:transform var(--motion-duration-base) var(--motion-ease-soft),box-shadow var(--motion-duration-base) var(--motion-ease-soft),border-color var(--transition-fast),background-color var(--transition-fast)}.home-janko__usp-icon{transition:transform var(--motion-duration-base) var(--motion-ease-soft),background-color var(--transition-fast),border-color var(--transition-fast)}@media(hover:hover)and (pointer:fine){.home-janko__usp-media:hover img{transform:scale(var(--motion-image-zoom))}.home-janko__usp-item:hover{transform:translateY(var(--motion-lift-sm));background:var(--color-surface);border-color:var(--usp-card-hover-border);box-shadow:var(--shadow-card-hover)}.home-janko__usp-item:hover .home-janko__usp-icon{transform:translateY(var(--motion-icon-lift));background:var(--usp-icon-bg-hover);border-color:var(--usp-icon-border-hover)}}@media(hover:none),(pointer:coarse){.home-janko__usp-item:active{transform:scale(var(--motion-card-active-scale));background:var(--color-surface)}}.janko-story__image img{transition:transform var(--motion-duration-slow) var(--motion-ease-soft);will-change:transform}@media(hover:hover)and (pointer:fine){.janko-story__image:hover img{transform:scale(var(--motion-image-zoom))}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/janko-home.css.map */