kame-product-story{display:block}.kame-pstory--ink{background:radial-gradient(55% 40% at 50% 36%,color-mix(in srgb,var(--kame-blue-energy) 28%,transparent) 0%,transparent 70%),transparent;color:var(--kame-paper)}.kame-pstory--ink .kame-eyebrow{color:var(--kame-orange)}.kame-pstory__head{max-width:640px;margin-bottom:32px}.kame-pstory__panel-frame{--kame-pstory-glass: color-mix(in srgb, var(--kame-ink) 55%, transparent);position:relative;border-radius:var(--kame-radius-panel, 8px);padding:40px 44px;background:radial-gradient(70% 60% at 0% 0%,color-mix(in srgb,var(--kame-blue-energy) 16%,transparent) 0%,transparent 70%),var(--kame-pstory-glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid color-mix(in srgb,var(--kame-white) 10%,transparent);color:var(--kame-paper)}.kame-pstory--ink .kame-pstory__panel-frame{--kame-pstory-glass: color-mix(in srgb, var(--kame-white) 4%, transparent)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.kame-pstory--paper .kame-pstory__panel-frame{--kame-pstory-glass: var(--kame-ink)}}.kame-pstory__tablist[hidden]{display:none}.kame-pstory__tablist{display:inline-flex;flex-wrap:nowrap;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none;margin-bottom:32px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--kame-white) 6%,transparent);border:1px solid color-mix(in srgb,var(--kame-white) 10%,transparent)}.kame-pstory__tab{flex:0 0 auto;min-height:38px;white-space:nowrap;background:transparent;border-color:transparent;color:color-mix(in srgb,var(--kame-paper) 78%,transparent)}.kame-pstory__tab:hover{color:var(--kame-paper)}.kame-pstory__tab[aria-selected=true]{background:var(--kame-orange);border-color:var(--kame-orange);color:var(--kame-on-accent)}.kame-pstory__tab:focus-visible{outline:2px solid var(--kame-orange);outline-offset:2px}.kame-pstory__stage{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:56px;row-gap:40px;align-items:center}.kame-pstory__media--shared{grid-column:2;grid-row:1 / span 6}kame-product-story.is-armed .kame-pstory__media--shared{grid-row:1}.kame-pstory__panel{grid-column:1;display:grid;align-items:center;opacity:1;visibility:visible;transition:opacity var(--kame-fast)}kame-product-story.is-armed .kame-pstory__panel{grid-column:1;grid-row:1}kame-product-story.is-armed .kame-pstory__panel[inert]{opacity:0;visibility:hidden}.kame-pstory__panel-heading{margin:0 0 16px;font-family:var(--kame-font-heading);font-size:clamp(24px,2.6vw,32px);line-height:1.1;letter-spacing:-.02em;color:var(--kame-paper)}.kame-pstory__body{font-size:16px;line-height:1.7;color:color-mix(in srgb,var(--kame-paper) 78%,transparent)}.kame-pstory__body p{margin:0 0 14px}.kame-pstory__body p:last-child{margin-bottom:0}.kame-pstory__body ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}.kame-pstory__body li{position:relative;padding-left:22px}.kame-pstory__body li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--kame-orange)}.kame-pstory__media{position:relative}.kame-pstory__media-frame{position:relative;aspect-ratio:1 / 1;border-radius:var(--kame-radius-card);overflow:hidden}.kame-pstory__img,.kame-pstory__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.kame-pstory__media-frame--placeholder{display:grid;place-items:center;background:color-mix(in srgb,var(--kame-paper) 6%,transparent)}.kame-pstory__media-frame--placeholder .kame-aura{width:110%;aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;opacity:.55}.kame-pstory__media-frame--placeholder .kame-resin{width:46%;height:60%;left:27%;top:20%}@media(max-width:749px){.kame-pstory__panel-frame{padding:28px 20px}.kame-pstory__stage{grid-template-columns:minmax(0,1fr)}.kame-pstory__media--shared,kame-product-story.is-armed .kame-pstory__media--shared{grid-column:1;grid-row:auto}.kame-pstory__media-frame{aspect-ratio:4 / 3}}@media(prefers-reduced-motion:reduce){.kame-pstory__panel,.kame-pstory__panel[inert]{transition:none}}@supports not (translate: 0){.kame-pstory__media-frame--placeholder .kame-aura{transform:translate(-50%,-50%)}}.kame-pstory--cinema .kame-pstory__scene{position:relative;display:grid;align-items:center;min-height:clamp(460px,40vw,600px);border:1px solid color-mix(in srgb,var(--kame-white) 8%,transparent);border-radius:var(--kame-radius-panel);overflow:hidden;isolation:isolate;background:radial-gradient(55% 75% at 78% 45%,color-mix(in srgb,var(--kame-amber) 16%,transparent) 0%,transparent 70%),radial-gradient(60% 70% at 10% 100%,color-mix(in srgb,var(--kame-blue-energy) 22%,transparent) 0%,transparent 70%),color-mix(in srgb,var(--kame-c-ink) 70%,transparent)}.kame-pstory--cinema .kame-pstory__head{position:relative;z-index:1;max-width:min(640px,52%);margin:0;padding:clamp(32px,4.5vw,72px) clamp(28px,4.5vw,72px) clamp(96px,9vw,132px)}.kame-pstory__title{margin:14px 0 0;font-family:var(--kame-font-heading);font-size:clamp(36px,4.2vw,62px);font-weight:700;line-height:1;letter-spacing:-.04em;text-wrap:balance;color:var(--kame-c-light)}.kame-pstory--cinema .kame-pstory__media{position:absolute;top:0;bottom:clamp(56px,5vw,84px);right:clamp(0px,3vw,48px);z-index:0;width:auto;max-width:62%;aspect-ratio:1 / 1;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 14%,#000 82%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 14%,#000 82%,transparent 100%);mask-composite:intersect}.kame-pstory--cinema .kame-pstory__media-frame{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;border-radius:0}.kame-pstory--cinema .kame-pstory__video,.kame-pstory--cinema .kame-pstory__img{object-fit:cover;scale:1.08;transition:scale 1.6s var(--kame-ease-out)}.kame-pstory--cinema.is-inview .kame-pstory__video,.kame-pstory--cinema.is-inview .kame-pstory__img{scale:1}.kame-pstory__cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:calc(clamp(64px,6vw,96px)*-1) clamp(16px,3vw,40px) 0;padding:0;list-style:none}.kame-pstory__card{padding:24px 24px 26px;border:1px solid color-mix(in srgb,var(--kame-white) 10%,transparent);border-radius:var(--kame-radius-card);background:linear-gradient(160deg,color-mix(in srgb,var(--kame-white) 6%,transparent),transparent 55%),color-mix(in srgb,var(--kame-c-raised) 72%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 24px 48px -28px var(--kame-c-ink);transition:opacity var(--kame-reveal),translate var(--kame-reveal),transform var(--kame-dur-state) var(--kame-ease-out),border-color var(--kame-dur-state) var(--kame-ease-out),box-shadow var(--kame-dur-state) var(--kame-ease-out);transition-delay:calc(min(var(--kame-rv-i, 0),4)*90ms),calc(min(var(--kame-rv-i, 0),4)*90ms),0s,0s,0s}.kame-pstory__card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--kame-amber) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--kame-amber) 20%,transparent),0 22px 44px -22px var(--kame-amber-glow)}.kame-pstory__kicker{display:flex;align-items:center;gap:10px;margin:0;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--kame-c-light) 68%,transparent)}.kame-pstory__num{font-family:var(--kame-font-heading);font-size:13px;letter-spacing:.04em;color:var(--kame-amber)}.kame-pstory__card-heading{margin:12px 0;font-family:var(--kame-font-heading);font-size:20px;line-height:1.2;letter-spacing:-.01em;color:var(--kame-c-light)}.kame-pstory__card .kame-pstory__body{font-size:15px;line-height:1.6}.kame-pstory__card .kame-pstory__body ul{gap:8px}@media(max-width:749px){.kame-pstory--cinema .kame-pstory__scene{display:flex;flex-direction:column;min-height:0}.kame-pstory--cinema .kame-pstory__media{position:relative;inset:auto;width:100%;max-width:none;aspect-ratio:1 / 1;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 30%);-webkit-mask-composite:source-over;mask-image:linear-gradient(0deg,transparent 0%,#000 30%);mask-composite:add}.kame-pstory--cinema .kame-pstory__head{max-width:none;padding:28px 22px 0}.kame-pstory__cards{grid-template-columns:minmax(0,1fr);gap:12px;margin:-48px 12px 0}}.kame-pstory__dots{display:none}@media(max-width:749px){.kame-pstory__deck.swiper{position:relative;z-index:1;margin:-48px -12px 0;padding:12px 0 8px;overflow:hidden}.kame-pstory__deck.swiper .kame-pstory__cards{display:flex;gap:0;margin:0}.kame-pstory__deck.swiper .kame-pstory__card{width:min(76vw,340px);height:auto;transition-property:opacity,translate,transform,filter,border-color,box-shadow}.kame-pstory__deck.swiper .kame-pstory__card:hover{transform:none}.kame-pstory__deck.swiper .kame-pstory__card:not(.swiper-slide-active){filter:brightness(.55) saturate(.8)}.kame-pstory__deck.swiper .swiper-slide-active{border-color:color-mix(in srgb,var(--kame-amber) 45%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--kame-amber) 16%,transparent),0 24px 48px -24px var(--kame-amber-glow)}.kame-pstory__deck.swiper .kame-pstory__dots{position:static;display:flex;justify-content:center;gap:4px;margin-block-start:16px}.kame-pstory__dots .swiper-pagination-bullet{position:relative;width:8px;height:8px;margin:0;background:color-mix(in srgb,var(--kame-c-light) 40%,transparent);opacity:1;transition:width var(--kame-fast),background-color var(--kame-fast)}.kame-pstory__dots .swiper-pagination-bullet:after{content:"";position:absolute;top:-18px;right:-8px;bottom:-18px;left:-8px}.kame-pstory__dots .swiper-pagination-bullet-active{width:22px;border-radius:4px;background:var(--kame-amber)}}@media(prefers-reduced-motion:reduce){.kame-pstory--cinema .kame-pstory__media{-webkit-mask-image:none;mask-image:none}.kame-pstory--cinema .kame-pstory__head{pointer-events:none}.kame-pstory--cinema .kame-pstory__video,.kame-pstory--cinema .kame-pstory__img{scale:1;transition:none}.kame-pstory__card,.kame-pstory__card:hover{transform:none;transition:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.kame-pstory__card{background:var(--kame-c-raised)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/kame-product-story.css.map */