.mechanism{--mc-teal-deep: var(--ki-teal-deep, #0A4A4A);--mc-teal: var(--ki-teal, #0d6e75);--mc-teal-mid: var(--ki-teal-mid, #00a8a8);--mc-rose: var(--ki-rose, #E4BFCC);--mc-rose-dark: var(--ki-rose-dark, #6B4450);--mc-cream: var(--ki-cream, #c4b896);--mc-ink: var(--ki-ink, #0f1a1a);--mc-ink-muted: rgba(15, 26, 26, .62);--mc-ink-quiet: rgba(15, 26, 26, .42);--mc-bg: var(--ki-bg, #fafaf6);--mc-bg-pale: var(--ki-bg-pale, #f2efe8);--mc-font-serif: var(--ki-font-serif, "Cormorant Garamond", Georgia, serif);--mc-font-sans: var(--ki-font-sans, Inter, -apple-system, "Segoe UI", sans-serif);--mc-accent: var(--mc-rose-dark);--mc-progress: 0;--mc-beat: 0;background:linear-gradient(180deg,#fafaf6,#f7efe9 60%,#f2e4da);font-family:var(--mc-font-serif);color:var(--mc-ink);position:relative;height:340vh}.mechanism[data-accent=teal]{--mc-accent: var(--mc-teal)}.mechanism[data-accent=cream]{--mc-accent: var(--mc-cream)}.mechanism__stage{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}.mechanism__inner{width:100%;max-width:1200px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:minmax(320px,1fr) minmax(400px,1.1fr);gap:80px;align-items:center}.mechanism__copy{display:flex;flex-direction:column;gap:32px}.mechanism__eyebrow{display:block;font-family:var(--mc-font-sans);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:500;color:var(--mc-accent)}.mechanism__headline{margin:0;font-family:var(--mc-font-serif);font-weight:400;font-size:clamp(30px,3.4vw,44px);line-height:1.1;letter-spacing:-.01em;color:var(--mc-teal-deep);text-wrap:pretty;max-width:18ch}.mechanism__headline em{font-style:italic;color:var(--mc-accent);font-weight:400}.mechanism__caption,.mechanism__lede,.mechanism__eyebrow--mobile,.mechanism__headline--mobile{display:none}.mechanism__beats{position:relative;min-height:260px}.mechanism__beat{position:absolute;top:0;right:0;bottom:0;left:0;padding:20px 0 20px 28px;border-left:2px solid var(--mc-accent);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .5s cubic-bezier(.22,.61,.36,1),transform .5s cubic-bezier(.22,.61,.36,1)}.mechanism__beat[data-active=true]{opacity:1;transform:translateY(0)}.mechanism__beat-label{display:block;font-family:var(--mc-font-sans);text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:600;color:var(--mc-accent);margin-bottom:10px}.mechanism__beat-title{display:block;font-family:var(--mc-font-serif);font-size:clamp(22px,2.2vw,28px);line-height:1.22;font-weight:400;color:var(--mc-teal-deep);margin-bottom:10px;max-width:24ch}.mechanism__beat-desc{font-family:var(--mc-font-sans);font-size:15px;line-height:1.55;color:var(--mc-ink-muted);margin:0;max-width:38ch}.mechanism__dots{display:flex;gap:10px;padding-left:28px;margin-top:8px}.mechanism__dot{-webkit-appearance:none;appearance:none;padding:0;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;position:relative;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .2s ease}.mechanism__dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#0f1a1a2e;transition:background .4s ease,transform .2s ease}.mechanism__dot:hover:before,.mechanism__dot:focus-visible:before{background:#0f1a1a6b;transform:scale(1.25)}.mechanism__dot:focus-visible{outline:2px solid var(--mc-accent);outline-offset:2px}.mechanism__dot:focus:not(:focus-visible){outline:none}.mechanism[data-beat="0"] .mechanism__dot[data-dot="0"]:before,.mechanism[data-beat="1"] .mechanism__dot[data-dot="1"]:before,.mechanism[data-beat="2"] .mechanism__dot[data-dot="2"]:before{background:var(--mc-accent)}.mechanism__scene{position:relative;aspect-ratio:480 / 575;max-height:72vh;display:flex;align-items:center;justify-content:center}.mechanism__lattice{width:100%;height:100%;display:block;overflow:visible}.mc-strand{--q: 0;opacity:calc(var(--q) * 1)}.mc-strand__line{fill:none;stroke:var(--mc-rose-dark);stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:1400;stroke-dashoffset:calc((1 - var(--q)) * 1400);shape-rendering:geometricPrecision}.mc-strand--warp-scaffold .mc-strand__line,.mc-strand--weft-scaffold .mc-strand__line{stroke-width:2.4;stroke-opacity:.7}.mc-strand--warp-infill .mc-strand__line,.mc-strand--weft-infill .mc-strand__line{stroke-width:1.4;stroke-opacity:.5}@media(prefers-reduced-motion:reduce){.mechanism{height:auto;padding:100px 0}.mechanism__stage{position:static;height:auto}.mechanism__beats{min-height:0}.mechanism__beat{position:static;opacity:1;transform:none;margin-bottom:32px}.mc-strand{--q: 1}}@media(max-width:820px){.mechanism{height:auto}.mechanism__stage{position:static;height:auto;padding:72px 0 88px}.mechanism__inner{grid-template-columns:1fr;gap:28px;padding:0 28px}.mechanism__beats,.mechanism__dots,.mechanism__eyebrow--desktop,.mechanism__headline--desktop{display:none}.mechanism__eyebrow--mobile,.mechanism__headline--mobile{display:block}.mechanism__copy{gap:0}.mechanism__eyebrow,.mechanism__eyebrow--mobile{margin-bottom:10px}.mechanism__caption{display:block;margin:18px 0 0;font-family:var(--mc-font-serif, Georgia, serif);max-width:38ch}.mechanism__caption-lead{margin:0;font-style:italic;font-size:clamp(19px,4.8vw,22px);line-height:1.4;color:var(--mc-ink, #0f1a1a)}.mechanism__caption-sub{margin:12px 0 0;font-family:var(--mc-font-sans, Inter, -apple-system, sans-serif);font-size:clamp(14px,3.6vw,15px);line-height:1.55;color:var(--mc-ink-muted, rgba(15, 26, 26, .62))}.mechanism__headline{font-size:clamp(26px,7.2vw,34px);margin-bottom:14px}.mechanism__headline>p,.mechanism__headline>p:first-child,.mechanism__headline>p:last-child{margin:0}.mechanism__lede{display:block;margin:0 0 20px;font-family:var(--mc-font-sans, Inter, -apple-system, sans-serif);font-size:clamp(15px,4vw,17px);line-height:1.55;color:var(--mc-ink-muted, rgba(15, 26, 26, .72));max-width:38ch}.mechanism__lede p{margin:0}.mechanism__lede p+p{margin-top:14px}.mc-strand{--q: 1 !important}.mechanism__scene{max-height:none;aspect-ratio:480 / 575;margin-top:8px;background:radial-gradient(ellipse at 50% 50%,rgba(228,191,204,.22) 0%,rgba(228,191,204,.08) 55%,transparent 85%);border-radius:4px}}body.force-mobile .mechanism{height:auto}body.force-mobile .mechanism__stage{position:static;height:auto;padding:72px 0 88px}body.force-mobile .mechanism__inner{grid-template-columns:1fr;gap:28px;padding:0 28px}body.force-mobile .mechanism__beats,body.force-mobile .mechanism__dots,body.force-mobile .mechanism__eyebrow--desktop,body.force-mobile .mechanism__headline--desktop{display:none}body.force-mobile .mechanism__eyebrow--mobile,body.force-mobile .mechanism__headline--mobile{display:block}body.force-mobile .mechanism__copy{gap:0}body.force-mobile .mechanism__eyebrow,body.force-mobile .mechanism__eyebrow--mobile{margin-bottom:10px}body.force-mobile .mechanism__caption{display:block;margin:18px 0 0;font-family:var(--mc-font-serif, Georgia, serif);max-width:38ch}body.force-mobile .mechanism__caption-lead{margin:0;font-style:italic;font-size:clamp(19px,4.8vw,22px);line-height:1.4;color:var(--mc-ink, #0f1a1a)}body.force-mobile .mechanism__caption-sub{margin:12px 0 0;font-family:var(--mc-font-sans, Inter, -apple-system, sans-serif);font-size:clamp(14px,3.6vw,15px);line-height:1.55;color:var(--mc-ink-muted, rgba(15, 26, 26, .62))}body.force-mobile .mechanism__headline{font-size:clamp(26px,7.2vw,34px);margin-bottom:14px}body.force-mobile .mechanism__headline>p{margin:0}body.force-mobile .mechanism__lede{display:block;margin:0 0 20px;font-family:var(--mc-font-sans, Inter, -apple-system, sans-serif);font-size:clamp(15px,4vw,17px);line-height:1.55;color:var(--mc-ink-muted, rgba(15, 26, 26, .72));max-width:38ch}body.force-mobile .mechanism__lede p{margin:0}body.force-mobile .mechanism__lede p+p{margin-top:14px}body.force-mobile .mc-strand{--q: 1 !important}body.force-mobile .mechanism__scene{max-height:none;aspect-ratio:480 / 575;margin-top:8px;background:radial-gradient(ellipse at 50% 50%,rgba(228,191,204,.22) 0%,rgba(228,191,204,.08) 55%,transparent 85%);border-radius:4px}body.force-mobile .mechanism__lattice,.mechanism--mobile-reveal .mechanism__lattice{clip-path:inset(0 0 calc((1 - var(--mc-progress, 0)) * 100%) 0);transform:translate3d(0,calc(var(--mc-progress, 0) * 3.5%),0) scale(calc(1.06 - var(--mc-progress, 0) * .06));transform-origin:center center;will-change:transform,clip-path,mask-image;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(var(--mc-progress, 0) * 100% - var(--mc-feather, 8%)),transparent calc(var(--mc-progress, 0) * 100%));mask-image:linear-gradient(to bottom,#000 0%,#000 calc(var(--mc-progress, 0) * 100% - var(--mc-feather, 8%)),transparent calc(var(--mc-progress, 0) * 100%))}@media(max-width:760px){.mechanism__lattice{clip-path:inset(0 0 calc((1 - var(--mc-progress, 0)) * 100%) 0);transform:translate3d(0,calc(var(--mc-progress, 0) * 3.5%),0) scale(calc(1.06 - var(--mc-progress, 0) * .06));transform-origin:center center;will-change:transform,clip-path,mask-image;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(var(--mc-progress, 0) * 100% - var(--mc-feather, 8%)),transparent calc(var(--mc-progress, 0) * 100%));mask-image:linear-gradient(to bottom,#000 0%,#000 calc(var(--mc-progress, 0) * 100% - var(--mc-feather, 8%)),transparent calc(var(--mc-progress, 0) * 100%))}@media(prefers-reduced-motion:reduce){.mechanism__lattice{clip-path:none!important;-webkit-mask-image:none!important;mask-image:none!important;transform:none!important}}}.mechanism[data-reveal-complete] .mechanism__lattice,.mechanism[data-reveal-complete] .mechanism__scene .mechanism__lattice{clip-path:none!important;-webkit-mask-image:none!important;mask-image:none!important}
/*# sourceMappingURL=/cdn/shop/t/40/assets/ki-mechanism.css.map */