.ky-protocol{--ky-protocol-heading-size: clamp(2rem, 1.6rem + 1.6vw, 2.5rem);--ky-protocol-title-size: clamp(.9375rem, .9rem + .15vw, 1rem);--ky-protocol-text-size: clamp(.8125rem, .775rem + .15vw, .875rem);--ky-protocol-small-size: clamp(.6875rem, .65rem + .15vw, .75rem);--ky-protocol-control: 2.75rem;--ky-protocol-page-offset: max( var(--page-margin, 16px), calc((100cqi - min(var(--page-content-width, 100cqi), 100cqi - var(--page-margin, 16px) * 2))/2) );--ky-protocol-gap: var(--ky-protocol-gap-mobile);--ky-protocol-card-width: var(--ky-protocol-card-width-mobile);--ky-protocol-body-padding: 1.25rem;--ky-protocol-tint: color-mix(in srgb, var(--ky-protocol-overlay) var(--ky-protocol-overlay-opacity), transparent);display:block;container-type:inline-size;padding-block:var(--ky-protocol-padding-top-mobile) var(--ky-protocol-padding-bottom-mobile);background-color:var(--ky-protocol-bg);color:var(--ky-protocol-text)}.ky-protocol__top{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;margin-block-end:1.75rem;padding-inline:var(--ky-protocol-page-offset)}.ky-protocol__top:empty{display:none}.ky-protocol__header{display:grid;grid-template-columns:minmax(0,1fr);align-self:stretch;justify-items:start;row-gap:.75rem}.ky-protocol__eyebrow{margin:0;font-family:var(--ky-font-genova-bold);font-size:var(--ky-protocol-text-size);line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.ky-protocol__heading{max-width:24ch;margin:0;color:inherit;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:var(--ky-protocol-heading-size);line-height:1.08;letter-spacing:-.02em;text-transform:none}.ky-protocol__intro{max-width:60ch;font-family:var(--font-body--family);font-size:var(--ky-protocol-title-size);line-height:1.5}.ky-protocol__intro>*{margin:0}.ky-protocol__button{display:inline-flex;align-items:center;gap:.625rem;min-height:var(--ky-protocol-control);margin-block-start:.5rem;padding:.5rem 1.375rem;border:1px solid currentColor;border-radius:var(--ky-protocol-radius);color:inherit;font-family:var(--font-body--family);font-size:var(--ky-protocol-text-size);line-height:1.2;text-decoration:none}.ky-protocol__button svg,.ky-protocol__link svg{flex:none;width:1em;height:1em}.ky-protocol__button:hover{background-color:var(--ky-protocol-text);color:var(--ky-protocol-bg)}.ky-protocol__button:focus-visible{outline:2px solid var(--ky-protocol-text);outline-offset:2px}.ky-protocol__track{position:relative;display:flex;gap:var(--ky-protocol-gap);margin:0;padding:0 var(--ky-protocol-page-offset);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--ky-protocol-page-offset);scroll-snap-type:x mandatory;scrollbar-width:none}.ky-protocol__track::-webkit-scrollbar{display:none}.ky-protocol__track:focus-visible{outline:2px solid var(--ky-protocol-text);outline-offset:-2px}.ky-protocol__item{flex:0 0 var(--ky-protocol-card-width);min-width:0;scroll-snap-align:start}.ky-protocol__card{display:grid;grid-template-columns:minmax(0,1fr);border-radius:var(--ky-protocol-radius);overflow:hidden}.ky-protocol__media,.ky-protocol__badge{grid-area:1 / 1}.ky-protocol__media{position:relative}.ky-protocol__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.ky-protocol__image--placeholder{background-color:var(--ky-protocol-bg)}.ky-protocol__badge{position:relative;z-index:1;align-self:start;justify-self:start;display:flex;align-items:center;min-height:1.25rem;margin:var(--ky-protocol-corner-mobile);padding:0 .25rem;border-radius:.25rem;background-color:var(--ky-protocol-badge-bg);color:var(--ky-protocol-badge-text);font-family:var(--ky-font-genova-bold);font-size:var(--ky-protocol-small-size);line-height:1.25}.ky-protocol__switch{position:relative;z-index:1;grid-area:1 / 1;align-self:start;display:grid;grid-template-columns:repeat(var(--ky-protocol-switch-count),minmax(0,1fr));min-inline-size:0;margin:var(--ky-protocol-corner-mobile);padding:.25rem;border:0;border-radius:var(--ky-protocol-radius);background-color:color-mix(in srgb,var(--ky-protocol-switch-bg) 70%,transparent)}.ky-protocol__radio{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ky-protocol__switch-option{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:var(--ky-protocol-control);padding:0 .25rem;border-radius:calc(var(--ky-protocol-radius) * .75);color:var(--ky-protocol-switch-active);font-family:var(--ky-font-genova-bold);font-size:var(--ky-protocol-text-size);line-height:1.25;text-align:center;cursor:pointer}.ky-protocol__radio:checked+.ky-protocol__switch-option{color:var(--ky-protocol-switch-bg)}.ky-protocol__radio:focus-visible+.ky-protocol__switch-option{outline:2px solid var(--ky-protocol-switch-active);outline-offset:-2px}.ky-protocol__switch-thumb{position:absolute;inset-block:.25rem;inset-inline-start:.25rem;width:calc((100% - .5rem) / var(--ky-protocol-switch-count));border-radius:calc(var(--ky-protocol-radius) * .75);background-color:var(--ky-protocol-switch-active);transform:translate(calc(100% * var(--ky-protocol-switch-index, 0)))}.ky-protocol__switch:has(.ky-protocol__radio:nth-of-type(2):checked){--ky-protocol-switch-index: 1}.ky-protocol__switch:has(.ky-protocol__radio:nth-of-type(3):checked){--ky-protocol-switch-index: 2}.ky-protocol__switch:has(.ky-protocol__radio:nth-of-type(4):checked){--ky-protocol-switch-index: 3}.ky-protocol__slide{opacity:0}.ky-protocol__card:has(.ky-protocol__radio:nth-of-type(1):checked) .ky-protocol__slide:nth-child(1),.ky-protocol__card:has(.ky-protocol__radio:nth-of-type(2):checked) .ky-protocol__slide:nth-child(2),.ky-protocol__card:has(.ky-protocol__radio:nth-of-type(3):checked) .ky-protocol__slide:nth-child(3),.ky-protocol__card:has(.ky-protocol__radio:nth-of-type(4):checked) .ky-protocol__slide:nth-child(4){opacity:1}.ky-protocol__body{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;padding:var(--ky-protocol-body-padding)}.ky-protocol--below .ky-protocol__item{display:flex}.ky-protocol--below .ky-protocol__card{flex:1 1 auto;grid-template-rows:auto 1fr;background-color:var(--ky-protocol-card-bg);color:var(--ky-protocol-card-text)}.ky-protocol--below .ky-protocol__media{aspect-ratio:var(--ky-protocol-ratio)}.ky-protocol--overlay .ky-protocol__card{grid-template-rows:minmax(0,1fr);aspect-ratio:var(--ky-protocol-ratio);background-color:var(--ky-protocol-overlay);color:var(--ky-protocol-overlay-text)}.ky-protocol--overlay .ky-protocol__body{grid-area:1 / 1;align-self:end;align-items:center;gap:.75rem;max-height:100%;overflow-y:auto;scrollbar-width:none;text-align:center}.ky-protocol__veil{position:relative;grid-area:1 / 1}.ky-protocol__veil-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 54%,#000 90%);mask-image:linear-gradient(to bottom,transparent 54%,#000 90%)}.ky-protocol__veil-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--ky-protocol-tint)}.ky-protocol__veil-layer+.ky-protocol__veil-layer{opacity:0;-webkit-mask-image:none;mask-image:none}.ky-protocol__card.is-open .ky-protocol__veil-layer+.ky-protocol__veil-layer{opacity:1}.ky-protocol__veil-image{display:block;width:100%;height:100%;object-fit:cover;filter:blur(var(--ky-protocol-blur));transform:scale(1.15)}.ky-protocol__kicker{margin:0;font-family:var(--ky-font-genova-bold);font-size:var(--ky-protocol-small-size);line-height:1.3;letter-spacing:.12em;text-transform:uppercase}.ky-protocol__title{margin:0;color:inherit;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:var(--ky-protocol-title-size);line-height:1.1;letter-spacing:-.01em;text-transform:none}.ky-protocol__toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:.5rem;min-height:var(--ky-protocol-control);padding:.75rem 1rem;border:1px solid var(--ky-protocol-toggle-bg);border-radius:.25rem;background-color:var(--ky-protocol-toggle-bg);color:var(--ky-protocol-toggle-text);font-family:var(--font-body--family);font-size:var(--ky-protocol-text-size);line-height:1.25;text-transform:uppercase;cursor:pointer}.ky-protocol__toggle svg{flex:none;width:.75rem;height:.75rem}.ky-protocol__toggle-bar{transform-box:fill-box;transform-origin:center}.ky-protocol__toggle:hover{border-color:color-mix(in srgb,var(--ky-protocol-toggle-bg) 80%,#000);background-color:color-mix(in srgb,var(--ky-protocol-toggle-bg) 80%,#000)}.ky-protocol__toggle:hover svg{transform:translate(.25rem)}.ky-protocol__toggle:focus-visible{outline:2px solid var(--ky-protocol-toggle-bg);outline-offset:2px}.ky-protocol__toggle-close,.ky-protocol__toggle[aria-expanded=true] .ky-protocol__toggle-open{display:none}.ky-protocol__toggle[aria-expanded=true] .ky-protocol__toggle-close{display:inline}.ky-protocol__toggle[aria-expanded=true] .ky-protocol__toggle-bar{transform:scaleY(0)}.ky-protocol__panel{display:flex;flex-direction:column;align-items:center;gap:.5rem}.ky-protocol__panel[hidden]{display:none}.ky-protocol__text{font-family:var(--font-body--family);font-size:var(--ky-protocol-text-size);line-height:1.5}.ky-protocol__text>*{margin:0}.ky-protocol__link{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--ky-protocol-control);margin-block-end:-.75rem;color:inherit;font-family:var(--ky-font-genova-bold);font-size:var(--ky-protocol-text-size);line-height:1.2;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.ky-protocol__link:hover{text-decoration:none}.ky-protocol__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.ky-protocol__controls{display:flex;gap:.5rem}.ky-protocol__controls[hidden]{display:none}.ky-protocol__arrow{position:relative;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid currentColor;border-radius:.25rem;background-color:transparent;color:var(--ky-protocol-text);cursor:pointer}.ky-protocol__arrow:before{content:"";position:absolute;top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem}.ky-protocol__arrow:hover:enabled{background-color:var(--ky-protocol-text);color:var(--ky-protocol-bg)}.ky-protocol__arrow:focus-visible{outline:2px solid var(--ky-protocol-text);outline-offset:2px}.ky-protocol__arrow:disabled{opacity:.4;cursor:default}.ky-protocol__arrow svg{width:.75rem;height:.75rem}.ky-protocol__arrow--prev svg{transform:scaleX(-1)}@media(prefers-reduced-motion:no-preference){.ky-protocol__arrow{transition:opacity .2s ease}.ky-protocol__veil-layer,.ky-protocol__slide{transition:opacity .3s ease}.ky-protocol__switch-thumb{transition:transform .3s ease}.ky-protocol__toggle svg,.ky-protocol__toggle-bar{transition:transform .2s ease}.ky-protocol__panel{animation:ky-protocol-reveal .3s ease}}@media(prefers-reduced-motion:reduce){.ky-protocol__toggle:hover svg{transform:none}}@keyframes ky-protocol-reveal{0%{opacity:0;transform:translateY(.5rem)}}@media screen and (min-width:750px){.ky-protocol__top{flex-direction:row;align-items:flex-end;justify-content:space-between}.ky-protocol__header{flex:1 1 auto;min-width:0}.ky-protocol__controls{flex:none}}@media screen and (min-width:990px){.ky-protocol{--ky-protocol-gap: var(--ky-protocol-gap-desktop);--ky-protocol-card-width: calc( (100cqi - var(--ky-protocol-page-offset) - var(--ky-protocol-gap) * (var(--ky-protocol-cards-desktop) - 1)) / var(--ky-protocol-cards-desktop) );--ky-protocol-body-padding: 1.5rem;padding-block:var(--ky-protocol-padding-top-desktop) var(--ky-protocol-padding-bottom-desktop)}.ky-protocol__badge,.ky-protocol__switch{margin:var(--ky-protocol-corner-desktop)}.ky-protocol__top{margin-block-end:2.25rem}.ky-protocol__header{grid-template-columns:minmax(0,1fr) auto;column-gap:3rem}.ky-protocol__eyebrow,.ky-protocol__heading{grid-column:1 / -1}.ky-protocol__heading{max-width:none}.ky-protocol__intro{grid-column:1}.ky-protocol__button{grid-column:2;grid-row:-2;align-self:center;margin-block-start:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ky-protocol.css.map */