.cf-ds{--ds-stage: #1f1a18;--ds-bone: #f6f1e9;--ds-stage-muted: #c9bfb2;--ds-control: #8a8177;--ds-rule: color-mix(in srgb, var(--cf-ink) 20%, var(--cf-bg));font-family:var(--cf-font-sans)}.cf-ds :where(h1,h2,h3,p,ol,ul,dl,dd,figure){margin:0}#cf-ds-product,#cf-ds-materials,#cf-ds-faq,#cf-ds-demo,#cf-ds-use{scroll-margin-top:110px}.cf-ds .cf-ds-wrap{max-width:calc(var(--cf-page) + 2 * var(--cf-gutter));margin:0 auto;padding:0 var(--cf-gutter)}.cf-ds.cf-ds-space{padding:var(--cf-section-y) 0}.cf-ds .cf-ds-h2{font-family:var(--cf-font-sans);font-size:clamp(22px,calc(17px + 1.1vw),28px);line-height:1.2;font-weight:500;letter-spacing:-.01em;color:var(--cf-ink);text-wrap:balance}.cf-ds .cf-ds-h2--story{font-size:clamp(26px,calc(20px + 1.1vw),32px)}.cf-ds .cf-ds-h2 em,.cf-ds .cf-ds-hero__promise em{font-family:var(--cf-font-serif);font-style:italic;font-weight:400;letter-spacing:0;color:inherit}.cf-ds.cf-ds-nav{display:none}@media(min-width:990px){.cf-ds.cf-ds-nav{display:block;background:var(--cf-bg);border-bottom:1px solid var(--cf-line)}.cf-ds .cf-ds-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:calc(var(--cf-page) + 2 * var(--cf-gutter));min-height:52px;margin:0 auto;padding:0 var(--cf-gutter)}.cf-ds .cf-ds-nav__name{font-size:14px;font-weight:500;letter-spacing:.02em;color:var(--cf-ink)}.cf-ds .cf-ds-nav__links{display:flex;gap:28px;list-style:none;padding:0}.cf-ds .cf-ds-nav__links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:500;color:var(--cf-ink);text-decoration:none}.cf-ds .cf-ds-nav__links a:hover{text-decoration:underline;text-underline-offset:4px}}.cf-ds.cf-ds-hero{background:var(--cf-bg);padding:0 0 40px}.cf-ds .cf-ds-hero__grid{max-width:calc(var(--cf-page) + 2 * var(--cf-gutter));margin:0 auto;padding:0 var(--cf-gutter)}.cf-ds .cf-ds-hero__stage{position:relative;isolation:isolate;overflow:hidden;background:var(--cf-bg)}.cf-ds .cf-ds-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:50% 50%}.cf-ds .cf-ds-hero__stage--catalog .cf-ds-hero__img{mix-blend-mode:multiply;padding:4% 0 2.5%;box-sizing:border-box}.cf-ds .cf-ds-hero__band{position:relative;display:grid;gap:4px;padding:12px 0 14px}.cf-ds .cf-ds-hero__token{position:absolute;top:2px;left:0;width:24px;height:2px;background:var(--ds-token, #0745a8)}.cf-ds .cf-ds-hero__title{font-family:var(--cf-font-sans);font-size:clamp(18px,5.13vw,20px);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--cf-ink);text-wrap:balance;max-width:calc(100% - 60px)}.cf-ds .cf-ds-hero__price{font-size:20px}.cf-ds .cf-ds-hero__info{display:grid;gap:16px;padding-top:6px}.cf-ds .cf-ds-hero__promise{font-size:18px;line-height:1.35;font-weight:500;letter-spacing:-.005em;color:var(--cf-ink)}@media(max-width:749px){.cf-ds .cf-ds-hero__top{display:flex;flex-direction:column;height:calc(100svh - var(--cf-chrome-h, 96px));min-height:540px;max-height:980px}.cf-ds .cf-ds-hero__stage{flex:1 1 auto;min-height:0;margin:0 calc(-1 * var(--cf-gutter))}.cf-ds .cf-ds-hero__band{flex:none}}@media(min-width:750px)and (max-width:989px){.cf-ds.cf-ds-hero{padding-top:16px}.cf-ds .cf-ds-hero__stage{height:min(72svh,760px)}.cf-ds .cf-ds-hero__band,.cf-ds .cf-ds-hero__info{width:100%;max-width:600px;margin:0 auto}.cf-ds .cf-ds-hero__band{padding-top:22px}.cf-ds .cf-ds-hero__token{top:8px}.cf-ds .cf-ds-hero__title{font-size:26px;max-width:none}.cf-ds .cf-ds-hero__price{font-size:22px}}@media(min-width:990px){.cf-ds.cf-ds-hero{padding:24px 0 72px}.cf-ds .cf-ds-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"media ." "media band" "media info" "media .";grid-template-rows:1fr auto auto 1fr;column-gap:clamp(40px,5vw,88px)}.cf-ds .cf-ds-hero__top{display:contents}.cf-ds .cf-ds-hero__stage{grid-area:media;height:clamp(520px,calc(100vh - 190px),820px)}.cf-ds .cf-ds-hero__band{grid-area:band;gap:10px;padding:0 0 4px}.cf-ds .cf-ds-hero__token{top:-14px}.cf-ds .cf-ds-hero__info{grid-area:info;max-width:460px;gap:20px;padding-top:14px}.cf-ds .cf-ds-hero__title{font-size:clamp(26px,2.1vw,30px);max-width:520px}.cf-ds .cf-ds-hero__price{font-size:24px}.cf-ds .cf-ds-hero__promise{font-size:19px}}.cf-ds.cf-ds-mechanism{background:#fff;padding:clamp(52px,7vw,96px) 0 clamp(40px,5vw,72px);overflow:clip}.cf-ds .cf-ds-mechanism-heading{position:relative;z-index:1;text-align:center}.cf-ds .cf-ds-surface-viewport{position:relative;overflow:hidden;isolation:isolate;width:min(100%,116.13654svh);aspect-ratio:1536 / 820;margin:clamp(12px,2.5svh,28px) auto 0}.cf-ds .cf-ds-surface-art{position:absolute;left:0;top:-17.073%;width:100%;aspect-ratio:3 / 2;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.cf-ds .cf-ds-surface-art>img{display:block;width:100%;height:100%;object-fit:cover}.cf-ds .cf-ds-surface-art noscript img{display:block;width:100%;height:auto}.cf-ds .cf-ds-proof__still noscript .cf-ds-proof__img{height:auto}.cf-ds .cf-ds-surface-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.cf-ds .cf-ds-mechanism-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px clamp(14px,3vw,32px);margin-top:8px}.cf-ds .cf-ds-caption{font-size:13px;line-height:1.4;color:var(--cf-muted)}.cf-ds .cf-ds-motion-controls{display:flex;align-items:center;gap:8px}.cf-ds .cf-ds-motion-controls button{min-height:44px;padding:8px 18px;border:1px solid var(--ds-control);border-radius:999px;background:transparent;color:var(--cf-ink);font:500 14px/1.2 var(--cf-font-sans);letter-spacing:.01em;white-space:nowrap;cursor:pointer}.cf-ds .cf-ds-motion-controls button:hover{background:color-mix(in srgb,var(--cf-ink) 5%,transparent)}@media(max-width:749px){.cf-ds .cf-ds-surface-viewport{width:100%;aspect-ratio:1.23;margin-top:16px}.cf-ds .cf-ds-surface-art{left:-23%;top:-15.4%;width:160%;-webkit-mask-image:none;mask-image:none}.cf-ds .cf-ds-mechanism-footer{flex-direction:column;gap:6px;margin-top:0}}.cf-ds.cf-ds-proof{--cf-ink: var(--ds-bone);--cf-muted: var(--ds-stage-muted);background:var(--ds-stage);color:var(--ds-bone);padding:clamp(56px,8vw,104px) 0}.cf-ds .cf-ds-proof__grid{display:grid;gap:22px;justify-items:center;max-width:calc(1000px + 2 * var(--cf-gutter));margin:0 auto;padding:0 var(--cf-gutter);text-align:center}.cf-ds .cf-ds-proof__title{color:var(--ds-bone)}.cf-ds .cf-ds-proof__frame{position:relative;width:100%;max-width:440px;aspect-ratio:4 / 5;overflow:hidden;border-radius:8px;background:#2a2421}.cf-ds .cf-ds-proof__still,.cf-ds .cf-ds-proof__movie{position:absolute;top:0;right:0;bottom:0;left:0}.cf-ds .cf-ds-proof__still{cursor:pointer}.cf-ds .cf-ds-proof__img{display:block;width:100%;height:100%;object-fit:cover}.cf-ds .cf-ds-proof__video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%;background:#000}.cf-ds .cf-ds-proof__marks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.cf-ds .cf-ds-proof__marks path{fill:none;stroke:var(--ds-bone);stroke-width:1.25;opacity:.9}.cf-ds .cf-ds-proof__dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--ds-bone);box-shadow:0 0 0 3px #1f1a1859;pointer-events:none}.cf-ds .cf-ds-proof__pill{position:absolute;transform:translate(-50%,-50%);padding:4px 11px;border-radius:999px;background:#f6f1e9f2;color:#161412;font:600 12px/1.35 var(--cf-font-sans);letter-spacing:.03em;white-space:nowrap;box-shadow:0 2px 10px #00000038;pointer-events:none}.cf-ds .cf-ds-proof__play{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 24px;border:1px solid var(--ds-bone);border-radius:999px;background:transparent;color:var(--ds-bone);font:600 15px/1.2 var(--cf-font-sans);letter-spacing:.02em;cursor:pointer}.cf-ds .cf-ds-proof__play svg{width:16px;height:16px;flex:none}.cf-ds .cf-ds-proof__play:hover{background:#f6f1e914}.cf-ds .cf-ds-proof__play:focus-visible{outline:2px solid var(--ds-bone);outline-offset:3px}.cf-ds .cf-ds-proof__play.is-quiet{visibility:hidden}.cf-ds .cf-ds-proof__frame{scroll-margin:76px 0 84px}@media(min-width:750px)and (max-width:989px){.cf-ds .cf-ds-proof__frame{scroll-margin:88px 0 88px}}@media(min-width:990px){.cf-ds .cf-ds-proof__frame{scroll-margin:88px 0 8px}}@media(min-width:990px){.cf-ds .cf-ds-proof__grid{grid-template-columns:auto 440px;justify-content:center;grid-template-areas:"title frame" "play frame";grid-template-rows:1fr 1fr;column-gap:clamp(56px,6vw,104px);row-gap:28px;justify-items:start;text-align:left}.cf-ds .cf-ds-proof__title{grid-area:title;align-self:end;max-width:12ch}.cf-ds .cf-ds-proof__frame{grid-area:frame}.cf-ds .cf-ds-proof__play{grid-area:play;align-self:start}}.cf-ds.cf-ds-materials{background:var(--cf-bg)}.cf-ds .cf-ds-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2.4vw,28px);margin-top:clamp(20px,3vw,36px)}.cf-ds .cf-ds-material{min-width:0}.cf-ds .cf-ds-material-portrait{overflow:hidden;border-radius:8px;background:#e9e2d7}.cf-ds .cf-ds-material-portrait img{display:block;width:100%;height:auto;aspect-ratio:1.15;object-fit:cover}.cf-ds .cf-ds-material-label{margin-top:12px;font-size:16px;font-weight:500;line-height:1.3;color:var(--cf-ink)}.cf-ds .cf-ds-material-note{margin-top:22px;max-width:62ch;font-size:15px;line-height:1.5;color:var(--cf-muted)}@media(max-width:749px){.cf-ds .cf-ds-material-portrait img{aspect-ratio:.78}.cf-ds .cf-ds-material-label{margin-top:10px;font-size:14px}}.cf-ds.cf-ds-use{background:var(--cf-bg)}.cf-ds .cf-ds-use__grid{display:grid;gap:28px}.cf-ds .cf-ds-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px;list-style:none;padding:0}.cf-ds .cf-ds-step{display:grid;align-content:start;gap:6px;min-width:0}.cf-ds .cf-ds-step svg{width:48px;height:48px;margin-bottom:6px;color:var(--cf-ink)}.cf-ds .cf-ds-step__name{font-family:var(--cf-font-sans);font-size:17px;font-weight:500;line-height:1.3;color:var(--cf-ink)}.cf-ds .cf-ds-step__detail{font-size:15px;line-height:1.45;color:var(--cf-muted)}.cf-ds .cf-ds-use__photo img{display:block;width:100%;height:auto;border-radius:8px}@media(max-width:749px){.cf-ds.cf-ds-use--photo .cf-ds-use__photo{width:min(64%,300px);justify-self:center}}@media(min-width:990px){.cf-ds .cf-ds-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.cf-ds .cf-ds-step svg{width:56px;height:56px}}@media(min-width:750px){.cf-ds.cf-ds-use--photo .cf-ds-use__grid{grid-template-columns:minmax(0,360px) minmax(0,1fr);grid-template-areas:"photo title" "photo steps";grid-template-rows:auto 1fr;column-gap:clamp(32px,6vw,96px);row-gap:28px}.cf-ds.cf-ds-use--photo .cf-ds-use__title{grid-area:title;align-self:end}.cf-ds.cf-ds-use--photo .cf-ds-use__photo{grid-area:photo}.cf-ds.cf-ds-use--photo .cf-ds-steps{grid-area:steps;align-self:start;grid-template-columns:repeat(2,minmax(0,1fr))}}.cf-ds.cf-ds-faq{background:var(--cf-bg)}.cf-ds .cf-ds-faq__grid,.cf-ds .cf-ds-details{display:grid;gap:20px}.cf-ds .cf-ds-faq__list{border-top:1px solid var(--ds-rule)}.cf-ds .cf-ds-faq__item{border-bottom:1px solid var(--ds-rule)}.cf-ds .cf-ds-faq__item>summary,.cf-ds .cf-ds-details__more>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;list-style:none;cursor:pointer;font-size:16px;font-weight:500;line-height:1.4;color:var(--cf-ink)}.cf-ds .cf-ds-faq__item>summary::-webkit-details-marker,.cf-ds .cf-ds-details__more>summary::-webkit-details-marker{display:none}.cf-ds .cf-ds-faq__icon{position:relative;flex:none;width:14px;height:14px}.cf-ds .cf-ds-faq__icon:before,.cf-ds .cf-ds-faq__icon:after{content:"";position:absolute;left:0;top:50%;width:14px;height:1.5px;margin-top:-.75px;background:currentColor;transition:transform .2s var(--cf-ease)}.cf-ds .cf-ds-faq__icon:after{transform:rotate(90deg)}details[open]>summary .cf-ds-faq__icon:after{transform:rotate(0)}.cf-ds .cf-ds-faq__a{max-width:62ch;padding:0 0 18px;font-size:15px;line-height:1.6;color:var(--cf-muted)}.cf-ds .cf-ds-faq__a p{margin:0}.cf-ds .cf-ds-faq__a a,.cf-ds .cf-ds-spec a{color:var(--cf-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.cf-ds .cf-ds-faq__a a{padding:4px 0}.cf-ds .cf-ds-details{margin-top:clamp(52px,7vw,88px)}.cf-ds .cf-ds-details__body{display:grid;gap:8px}.cf-ds .cf-ds-details__line{font-size:16px;line-height:1.5;color:var(--cf-ink)}.cf-ds .cf-ds-details__more{border-top:1px solid var(--ds-rule);border-bottom:1px solid var(--ds-rule)}.cf-ds .cf-ds-details__inner{display:grid;gap:18px;padding:0 0 20px}.cf-ds .cf-ds-details__summary{max-width:62ch;font-size:15px;line-height:1.6;color:var(--cf-muted)}.cf-ds .cf-ds-details__summary p{margin:0}.cf-ds .cf-ds-specs{display:grid}.cf-ds .cf-ds-spec{display:grid;grid-template-columns:minmax(104px,34%) minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--cf-ink) 12%,var(--cf-bg));font-size:14px;line-height:1.5}.cf-ds .cf-ds-spec dt{font-weight:600;color:var(--cf-ink)}.cf-ds .cf-ds-spec dd{color:var(--cf-ink)}.cf-ds .cf-ds-spec a{display:inline-block;min-height:24px}@media(min-width:990px){.cf-ds .cf-ds-faq__grid,.cf-ds .cf-ds-details{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(40px,6vw,96px);align-items:start}}.cf-ds .cf-ds-faq__q,.cf-ds .cf-ds-faq__a,.cf-ds .cf-ds-details__line,.cf-ds .cf-ds-details__summary,.cf-ds .cf-ds-step__detail,.cf-ds .cf-ds-material-note{text-wrap:pretty}@media(prefers-reduced-motion:reduce){.cf-ds *,.cf-ds *:before,.cf-ds *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/cf-ds-page.css.map */