:root{--klar-cream: #FAF7F2;--klar-cream-warm: #F2EBDF;--klar-sage: #E8E4DA;--klar-charcoal: #1A1A1A;--klar-coral: #C77A7A;--klar-coral-bright: #D88A8A;--klar-burgundy: #4A1520;--klar-burgundy-dark: #2A0B12;--klar-reveal-distance: 32px;--klar-reveal-duration: .72s;--klar-reveal-easing: cubic-bezier(.22, .61, .36, 1)}[data-world=cream]{--world-bg: var(--klar-cream);--world-text: var(--klar-charcoal);--world-muted: rgba(26,26,26,.65);--world-border: rgba(26,26,26,.12);--world-accent: var(--klar-coral)}[data-world=sage]{--world-bg: var(--klar-sage);--world-text: var(--klar-charcoal);--world-muted: rgba(26,26,26,.65);--world-border: rgba(26,26,26,.14);--world-accent: var(--klar-coral)}[data-world=warm]{--world-bg: var(--klar-cream-warm);--world-text: var(--klar-charcoal);--world-muted: rgba(26,26,26,.65);--world-border: rgba(26,26,26,.12);--world-accent: var(--klar-coral)}[data-world=charcoal]{--world-bg: var(--klar-charcoal);--world-text: var(--klar-cream);--world-muted: rgba(250,247,242,.7);--world-border: rgba(250,247,242,.12);--world-accent: var(--klar-coral-bright)}[data-world=burgundy]{--world-bg: linear-gradient(135deg, var(--klar-burgundy) 0%, var(--klar-burgundy-dark) 100%);--world-text: var(--klar-cream);--world-muted: rgba(250,247,242,.75);--world-border: rgba(250,247,242,.16);--world-accent: var(--klar-coral-bright)}section[data-world]{position:relative;isolation:isolate;--klar-world-fade: 14%;--klar-world-base: var(--klar-cream)}section[data-world=cream]{background:var(--klar-cream)}section[data-world=sage]{background:linear-gradient(180deg,var(--klar-world-base) 0%,var(--klar-sage) var(--klar-world-fade),var(--klar-sage) calc(100% - var(--klar-world-fade)),var(--klar-world-base) 100%)}section[data-world=warm]{background:linear-gradient(180deg,var(--klar-world-base) 0%,var(--klar-cream-warm) var(--klar-world-fade),var(--klar-cream-warm) calc(100% - var(--klar-world-fade)),var(--klar-world-base) 100%)}section[data-world=charcoal]{background:linear-gradient(180deg,var(--klar-world-base) 0%,var(--klar-charcoal) var(--klar-world-fade),var(--klar-charcoal) calc(100% - var(--klar-world-fade)),var(--klar-world-base) 100%)}section[data-world=burgundy]{--klar-world-fade: 18%;background:linear-gradient(180deg,var(--klar-world-base) 0%,rgba(199,122,122,.55) calc(var(--klar-world-fade) * .45),var(--klar-burgundy) var(--klar-world-fade),var(--klar-burgundy-dark) 50%,var(--klar-burgundy) calc(100% - var(--klar-world-fade)),rgba(199,122,122,.55) calc(100% - var(--klar-world-fade) * .45),var(--klar-world-base) 100%)}section[data-world]:before{-webkit-mask-image:linear-gradient(180deg,transparent 0%,black var(--klar-world-fade),black calc(100% - var(--klar-world-fade)),transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,black var(--klar-world-fade),black calc(100% - var(--klar-world-fade)),transparent 100%)}section[data-world=burgundy]{overflow:hidden}body{background-color:var(--klar-cream)}section[data-world]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;will-change:transform}section[data-world=cream]:before{background:radial-gradient(at 12% 5%,rgba(216,138,138,.1) 0%,transparent 48%),radial-gradient(at 88% 95%,rgba(199,122,122,.07) 0%,transparent 55%),radial-gradient(at 50% 50%,rgba(255,232,215,.18) 0%,transparent 60%)}section[data-world=sage]:before{background:radial-gradient(at 18% 8%,rgba(216,138,138,.12) 0%,transparent 50%),radial-gradient(at 82% 92%,rgba(155,165,145,.2) 0%,transparent 55%),radial-gradient(at 50% 60%,rgba(255,240,225,.12) 0%,transparent 65%)}section[data-world=warm]:before{background:radial-gradient(at 25% 5%,rgba(255,218,195,.32) 0%,transparent 55%),radial-gradient(at 75% 95%,rgba(199,122,122,.1) 0%,transparent 60%)}section[data-world=charcoal]:before{background:radial-gradient(at 25% 25%,rgba(199,122,122,.22) 0%,transparent 45%),radial-gradient(at 78% 78%,rgba(74,21,32,.55) 0%,transparent 55%)}section[data-world=burgundy]:before{background:radial-gradient(circle at 25% 35%,rgba(216,138,138,.32) 0%,transparent 38%),radial-gradient(circle at 75% 65%,rgba(199,122,122,.22) 0%,transparent 42%),radial-gradient(circle at 50% 50%,rgba(255,222,200,.06) 0%,transparent 55%);animation:klarskin-mesh-pan 28s ease-in-out infinite}@keyframes klarskin-mesh-pan{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-5%,4%) scale(1.05)}}[data-noise]{position:relative;isolation:isolate}[data-noise]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:220px 220px;opacity:.035;mix-blend-mode:multiply}[data-noise=strong]:after{opacity:.06}[data-noise=soft]:after{opacity:.02}[data-world=charcoal][data-noise]:after,[data-world=burgundy][data-noise]:after{mix-blend-mode:screen;opacity:.04}.klarskin-divider{position:relative;height:clamp(40px,5vw,72px);width:100%;background:var(--divider-from, transparent);overflow:hidden;pointer-events:none}.klarskin-divider:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--divider-to, transparent);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'><path d='M0,40 C200,0 400,80 600,40 C800,0 1000,80 1200,40 L1200,80 L0,80 Z' fill='black'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80' preserveAspectRatio='none'><path d='M0,40 C200,0 400,80 600,40 C800,0 1000,80 1200,40 L1200,80 L0,80 Z' fill='black'/></svg>");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media(prefers-reduced-motion:reduce){section[data-world=burgundy]:before{animation:none}}.klarskin-mbg-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,32px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s cubic-bezier(.22,.61,.36,1),visibility .26s}.klarskin-mbg-modal[aria-hidden=false]{opacity:1;visibility:visible;pointer-events:auto}.klarskin-mbg-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a1a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}.klarskin-mbg-modal__panel{position:relative;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;background:radial-gradient(at 20% 0%,rgba(255,232,215,.55) 0%,transparent 50%),radial-gradient(at 80% 100%,rgba(216,198,184,.35) 0%,transparent 55%),var(--klar-cream, #FAF7F2);border-radius:12px;box-shadow:0 24px 64px #1a1a1a40;padding:clamp(32px,5vw,48px);text-align:center;transform:scale(.94);transition:transform .32s cubic-bezier(.22,.61,.36,1);font-family:var(--font-body-family, "Inter"),sans-serif}.klarskin-mbg-modal[aria-hidden=false] .klarskin-mbg-modal__panel{transform:scale(1)}.klarskin-mbg-modal__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:1px solid rgba(26,26,26,.12);background:#fff9;color:var(--klar-charcoal, #1A1A1A);border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease-out,background .2s ease-out}.klarskin-mbg-modal__close:hover{transform:scale(1.06);background:#fff}.klarskin-mbg-modal__seal{margin:8px auto clamp(20px,3vw,28px);width:clamp(120px,16vw,148px);height:clamp(120px,16vw,148px)}.klarskin-mbg-modal__seal img,.klarskin-mbg-modal__seal svg{width:100%;height:100%;display:block}.klarskin-mbg-modal__headline{font-family:var(--font-body-family, "Inter"),sans-serif;font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.25;letter-spacing:-.01em;color:var(--klar-charcoal, #1A1A1A);margin:0 0 14px}.klarskin-mbg-modal__body{font-family:var(--font-body-family, "Inter"),sans-serif;font-size:clamp(14px,1.1vw,16px);line-height:1.55;color:#1a1a1ac7;margin:0 0 20px}.klarskin-mbg-modal__footer{font-family:var(--font-heading-family, "Cormorant Garamond"),serif;font-style:italic;font-size:12px;color:#1a1a1a80;margin:0 0 24px}.klarskin-mbg-modal__cta{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:var(--klar-charcoal, #1A1A1A);color:var(--klar-cream, #FAF7F2);font-family:var(--font-body-family, "Inter"),sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid var(--klar-charcoal, #1A1A1A);border-radius:4px;transition:transform .2s ease-out,gap .2s ease-out,box-shadow .2s ease-out}.klarskin-mbg-modal__cta:hover{transform:scale(1.02);gap:14px;box-shadow:0 8px 24px #0000002e}body.klarskin-modal-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.klarskin-mbg-modal,.klarskin-mbg-modal__panel{transition:none;transform:none}}[data-reveal]{opacity:0;transform:translateY(var(--klar-reveal-distance));transition:opacity var(--klar-reveal-duration) var(--klar-reveal-easing),transform var(--klar-reveal-duration) var(--klar-reveal-easing);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}[data-reveal=fade]{transform:none}[data-reveal=scale]{transform:scale(.96)}[data-reveal=slide-left]{transform:translate(-32px)}[data-reveal=slide-right]{transform:translate(32px)}[data-reveal=zoom-in]{transform:scale(1.04)}[data-reveal][data-revealed=true]{opacity:1;transform:none}[data-reveal-children]>*{opacity:0;transform:translateY(var(--klar-reveal-distance));transition:opacity var(--klar-reveal-duration) var(--klar-reveal-easing),transform var(--klar-reveal-duration) var(--klar-reveal-easing);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}[data-reveal-children][data-revealed=true]>*{opacity:1;transform:none}.klarskin-cinemagraph{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.klarskin-cinemagraph video,.klarskin-cinemagraph img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(1) saturate(.85)}.klarskin-cinemagraph__tint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#faf7f2eb,#faf7f2db),#c77a7a14;mix-blend-mode:normal}[data-world=charcoal] .klarskin-cinemagraph__tint,[data-world=burgundy] .klarskin-cinemagraph__tint{background:linear-gradient(180deg,#1a1a1ac7,#1a1a1adb),#c77a7a0a}.klarskin-cinemagraph+*{position:relative;z-index:1}.klarskin-stills{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:4px;background:#000}.klarskin-stills__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:klarskin-stills-fade var(--stills-duration, 12s) infinite}.klarskin-stills[data-count="2"] .klarskin-stills__frame{animation-duration:8s}.klarskin-stills[data-count="3"] .klarskin-stills__frame{animation-duration:12s}.klarskin-stills[data-count="4"] .klarskin-stills__frame{animation-duration:16s}.klarskin-stills[data-count="5"] .klarskin-stills__frame{animation-duration:20s}.klarskin-stills[data-count="3"] .klarskin-stills__frame:nth-child(1){animation-delay:0s}.klarskin-stills[data-count="3"] .klarskin-stills__frame:nth-child(2){animation-delay:4s}.klarskin-stills[data-count="3"] .klarskin-stills__frame:nth-child(3){animation-delay:8s}.klarskin-stills[data-count="2"] .klarskin-stills__frame:nth-child(1){animation-delay:0s}.klarskin-stills[data-count="2"] .klarskin-stills__frame:nth-child(2){animation-delay:4s}.klarskin-stills[data-count="4"] .klarskin-stills__frame:nth-child(1){animation-delay:0s}.klarskin-stills[data-count="4"] .klarskin-stills__frame:nth-child(2){animation-delay:4s}.klarskin-stills[data-count="4"] .klarskin-stills__frame:nth-child(3){animation-delay:8s}.klarskin-stills[data-count="4"] .klarskin-stills__frame:nth-child(4){animation-delay:12s}@keyframes klarskin-stills-fade{0%,28%{opacity:1}33%,95%{opacity:0}to{opacity:0}}.klarskin-stills__caption{position:absolute;left:16px;bottom:16px;z-index:2;font-family:var(--font-body-family, "Inter"),sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:999px;opacity:0;animation:klarskin-stills-cap-fade var(--stills-duration, 12s) infinite}.klarskin-stills[data-count="3"] .klarskin-stills__caption:nth-of-type(1){animation-delay:0s}.klarskin-stills[data-count="3"] .klarskin-stills__caption:nth-of-type(2){animation-delay:4s}.klarskin-stills[data-count="3"] .klarskin-stills__caption:nth-of-type(3){animation-delay:8s}@keyframes klarskin-stills-cap-fade{0%,5%{opacity:0;transform:translateY(8px)}10%,28%{opacity:1;transform:translateY(0)}33%,to{opacity:0;transform:translateY(8px)}}.klarskin-counter[data-counted=false]{opacity:.65}@media(prefers-reduced-motion:reduce){[data-reveal],[data-reveal-children]>*{opacity:1!important;transform:none!important;transition:none!important}.klarskin-stills__frame{animation:none;opacity:1}.klarskin-stills__frame:not(:first-child){display:none}.klarskin-cinemagraph video{display:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/klarskin-motion.css.map */