.duotone .story h1.headline-special-big,.duotone .story h2.headline-special-big,.story .h1,.story h1{font-family:var(--font-sans-compressed);text-transform:uppercase;font-size:50px;font-weight:100;line-height:46px}@media only screen and (width>=1024px){.duotone .story h1.headline-special-big,.duotone .story h2.headline-special-big,.story .h1,.story h1{font-size:120px;line-height:100px}}.duotone .story .h2,.duotone .story h2{font-family:var(--font-sans);font-size:var(--text-2xl);line-height:var(--line-height-base);font-weight:700}@media only screen and (width>=1024px){.duotone .story .h2,.duotone .story h2{font-size:var(--text-4xl);line-height:40px}}.duotone .story .h3,.duotone .story h3{font-size:var(--text-lg);line-height:var(--line-height-base)}@media only screen and (width>=1024px){.duotone .story .h3,.duotone .story h3{font-size:var(--text-3xl);line-height:45px}}.duotone .story .h5,.duotone .story h5{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--line-height-xxs)}@media only screen and (width>=1024px){.duotone .story .h5,.duotone .story h5{font-size:var(--text-base);line-height:var(--line-height-sm)}}@keyframes wave-drift{0%{transform:translate(0)}50%{transform:translate(-8px)}to{transform:translate(0)}}@keyframes wave-drift-reverse{0%{transform:translate(0)}50%{transform:translate(8px)}to{transform:translate(0)}}.duotone .foil-generator-filter__header{margin-top:24px;margin-bottom:48px}@media only screen and (width>=768px){.duotone .foil-generator-filter__header{margin-top:72px}}.duotone .foil-generator-filter__headline{font-size:var(--text-2xl);line-height:var(--line-height-xl)}@media only screen and (width>=768px){.duotone .foil-generator-filter__headline{font-size:var(--text-4xl);line-height:var(--line-height-3xl)}}.duotone .foil-generator-filter__text{color:rgb(var(--color-text-gray));margin-top:8px}@media only screen and (width>=768px){.duotone .foil-generator-filter__text{max-width:620px;margin-top:12px}}.duotone .foil-generator-filter__ranges,.duotone .foil-generator-filter__settings{margin-bottom:48px}@media only screen and (width>=768px){.duotone .foil-generator-filter__ranges,.duotone .foil-generator-filter__settings{margin-bottom:60px}}.duotone .foil-generator-filter__ranges .button-select,.duotone .foil-generator-filter__settings .button-select{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px;display:grid}@media only screen and (width>=768px){.duotone .foil-generator-filter__ranges .button-select,.duotone .foil-generator-filter__settings .button-select{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;display:grid}}.duotone .foil-generator-filter__ranges .button-select__button,.duotone .foil-generator-filter__settings .button-select__button{font-size:var(--text-xs);line-height:var(--line-height-sm);letter-spacing:1.2px;border-color:rgb(var(--color-black-40))}.duotone .foil-generator-filter__ranges .filter-headlines,.duotone .foil-generator-filter__settings .filter-headlines{font-size:var(--text-lg);line-height:var(--line-height-base);color:rgb(var(--color-black-40));text-transform:uppercase;flex-direction:column;font-weight:700;display:flex}.duotone .foil-generator-filter__ranges .line,.duotone .foil-generator-filter__settings .line{background-color:rgb(var(--color-black-40));width:100%;height:1px;margin-top:12px}@media only screen and (width>=768px){.duotone .foil-generator-filter__ranges .line,.duotone .foil-generator-filter__settings .line{margin-top:16px}}.duotone .foil-generator-filter__skills{grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}@media only screen and (width>=768px){.duotone .foil-generator-filter__skills{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}}.duotone .foil-generator-filter__skill{border:1px solid rgb(var(--color-black-40))}.duotone .foil-generator-filter__skill .label{font-size:var(--text-lg);line-height:var(--line-height-base);text-transform:uppercase;font-weight:700}.duotone .foil-generator-filter__skill .text{font-size:var(--text-xs);line-height:var(--line-height-xs);padding-top:8px}@media only screen and (width>=768px){.duotone .foil-generator-filter__skill .text{font-size:var(--text-sm);line-height:var(--line-height-base)}}.duotone .foil-generator-filter__skill .radio-button{flex-direction:column;align-items:flex-start;padding-top:16px}@media only screen and (width>=768px){.duotone .foil-generator-filter__skill .radio-button{padding-top:24px}}.duotone .foil-generator-filter__skill .radio-button__label{cursor:pointer;width:100%;margin:0;padding:0 16px 16px;display:block;position:relative}@media only screen and (width>=768px){.duotone .foil-generator-filter__skill .radio-button__label{padding:0 24px 24px}}.duotone .foil-generator-filter__skill .radio-button__label:before{content:"";z-index:1;border:2px solid #0000;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:-14px;right:23px;transform:rotate(45deg)}@media only screen and (width>=768px){.duotone .foil-generator-filter__skill .radio-button__label:before{top:-20px}}.duotone .foil-generator-filter__skill .radio-button__label:after{content:"";box-sizing:border-box;background-color:#0000;border:2px solid #ccc;border-radius:50%;width:20px;height:20px;position:absolute;top:-18px;right:16px}@media only screen and (width>=768px){.duotone .foil-generator-filter__skill .radio-button__label:after{top:-24px}}.duotone .foil-generator-filter__skill .radio-button__input{cursor:pointer;align-self:flex-end;width:0;margin-right:16px}@media only screen and (width>=768px){.duotone .foil-generator-filter__skill .radio-button__input{margin-right:24px}}.duotone .foil-generator-filter__skill .radio-button__input:checked+.radio-button__label:after{background-color:rgb(var(--color-primary));border-color:rgb(var(--color-primary))}.duotone .foil-generator-filter__skill .radio-button__input:checked+.radio-button__label:before{border-color:#fff}.duotone .foil-generator-filter__skill .icon svg{width:100px;height:100px;overflow:hidden}@media only screen and (width>=768px){.duotone .foil-generator-filter__skill .icon svg{width:132px;height:132px}}.duotone .foil-generator-filter__skill .icon svg .wave-a,.duotone .foil-generator-filter__skill .icon svg .wave-b,.duotone .foil-generator-filter__skill .icon svg .wave-lower,.duotone .foil-generator-filter__skill .icon svg .wave-upper{transition:transform .3s}.duotone .foil-generator-filter__skill .icon:hover svg .wave-a,.duotone .foil-generator-filter__skill .icon:hover svg .wave-upper{animation:1.2s ease-in-out infinite wave-drift}.duotone .foil-generator-filter__skill .icon:hover svg .wave-b,.duotone .foil-generator-filter__skill .icon:hover svg .wave-lower{animation:1.2s ease-in-out infinite wave-drift-reverse}.duotone .foil-generator-filter__skill:has(.radio-button__input:checked){border-color:rgb(var(--color-black))}.duotone .foil-generator-filter__ranges{grid-template-columns:repeat(1,minmax(0,1fr));gap:48px;display:grid}@media only screen and (width>=768px){.duotone .foil-generator-filter__ranges{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}}.duotone .foil-generator-filter__range{flex-direction:column;gap:16px;width:100%;display:flex}.duotone .foil-generator-filter__range .value{font-size:var(--text-4xl);line-height:var(--line-height-4xl);font-weight:700}.duotone .foil-generator-filter__range .weight{font-size:var(--text-xxs);line-height:var(--line-height-xxs);color:rgb(var(--color-black-40));margin-bottom:4px}.duotone .foil-generator-filter__range .range-values{width:100%;color:rgb(var(--color-black-40));font-size:var(--text-xxs);line-height:var(--line-height-xxs);flex-direction:row;justify-content:space-between;display:flex}.duotone .foil-generator-filter__range .range-wind-setting{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin-top:16px;display:grid}.duotone .foil-generator-filter__range .wind-setting{border:1px solid rgb(var(--color-black-40));font-size:var(--text-xxs);line-height:var(--line-height-xxs);text-transform:uppercase;text-align:center;padding:8px}.duotone .foil-generator-filter__range .wind-setting--active{border-color:rgb(var(--color-primary))}.duotone .foil-generator-filter__selected-value{flex-direction:row;align-items:end;gap:8px;display:flex}.duotone .foil-generator-filter__water-conditions{grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}@media only screen and (width>=768px){.duotone .foil-generator-filter__water-conditions{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}}