.swatch[data-astro-cid-3yni7q2s]{color:inherit;text-decoration:none;display:block}.cloth[data-astro-cid-3yni7q2s]{--tooth:6px;aspect-ratio:var(--ratio);background:var(--lining);perspective:1500px;position:relative}.lining[data-astro-cid-3yni7q2s]{align-items:flex-end;padding:clamp(1rem,7%,2rem);display:flex;position:absolute;inset:0}.lining[data-astro-cid-3yni7q2s]:before{content:"";opacity:0;height:60%;transition:opacity .7s var(--ease-out);background:linear-gradient(#0133104d,#01331000);position:absolute;inset:0 0 auto}.insight[data-astro-cid-3yni7q2s]{letter-spacing:-.01em;max-width:24ch;color:var(--cloth);opacity:0;transition:opacity .5s var(--ease-out) 50ms, transform .7s var(--ease-out) 50ms;font-size:clamp(1rem,.75rem + .7vw,1.3125rem);font-weight:700;line-height:1.22;position:relative;transform:translateY(.75rem)}.front[data-astro-cid-3yni7q2s]{transform-origin:50% 0;transition:transform .8s var(--ease-out);position:absolute;inset:0}.front[data-astro-cid-3yni7q2s] .plate{aspect-ratio:auto;height:100%}.front[data-astro-cid-3yni7q2s]:after{content:"";opacity:0;transition:opacity .8s var(--ease-out);pointer-events:none;background:#01331047;position:absolute;inset:0}@media (hover:hover){.swatch[data-astro-cid-3yni7q2s]:hover .front[data-astro-cid-3yni7q2s]{transform:rotateX(56deg)}.swatch[data-astro-cid-3yni7q2s]:hover .front[data-astro-cid-3yni7q2s]:after,.swatch[data-astro-cid-3yni7q2s]:hover .lining[data-astro-cid-3yni7q2s]:before{opacity:1}.swatch[data-astro-cid-3yni7q2s]:hover .insight[data-astro-cid-3yni7q2s]{opacity:1;transform:none}}.swatch[data-astro-cid-3yni7q2s]:focus-visible .front[data-astro-cid-3yni7q2s]{transform:rotateX(56deg)}.swatch[data-astro-cid-3yni7q2s]:focus-visible .front[data-astro-cid-3yni7q2s]:after,.swatch[data-astro-cid-3yni7q2s]:focus-visible .lining[data-astro-cid-3yni7q2s]:before,.swatch[data-astro-cid-3yni7q2s]:focus-visible .insight[data-astro-cid-3yni7q2s]{opacity:1;transform:none}.swatch[data-astro-cid-3yni7q2s]:focus-visible{outline-offset:6px}.caption[data-astro-cid-3yni7q2s]{gap:.15rem;padding-top:.9rem;display:grid}.client[data-astro-cid-3yni7q2s]{font-size:var(--step-2);letter-spacing:-.02em;font-weight:800;line-height:1.05}.meta[data-astro-cid-3yni7q2s]{color:var(--ink-muted);font-size:var(--step--1);font-weight:550}.method[data-astro-cid-zmqbe6dl]{--tape-h:3.25rem;position:relative}.tape[data-astro-cid-zmqbe6dl]{height:var(--tape-h);background:var(--cloth);color:var(--sky);display:flex;overflow:hidden}.seg[data-astro-cid-zmqbe6dl]{background:linear-gradient(90deg, var(--sky) 2px, transparent 2px) 0 0 / 100% 58% no-repeat, linear-gradient(90deg, transparent calc(50% - 1px), var(--sky) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) 0 0 / 100% 40% no-repeat, repeating-linear-gradient(90deg, #bbe8ffbf 0 1px, transparent 1px 10%) 0 0 / 100% 24% no-repeat;flex:1 1 0;position:relative}.cm[data-astro-cid-zmqbe6dl]{font-size:.75rem;font-weight:700;line-height:1;position:absolute;bottom:5px;left:6px}.steps[data-astro-cid-zmqbe6dl]{gap:var(--gutter);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;display:grid}.step[data-astro-cid-zmqbe6dl]{align-content:start;gap:.6rem;padding-top:2.25rem;display:grid;position:relative}.notch[data-astro-cid-zmqbe6dl]{background:var(--cloth);clip-path:polygon(0 0,100% 0,50% 100%);width:18px;height:12px;position:absolute;top:0;left:0}.no[data-astro-cid-zmqbe6dl]{font-size:var(--step--1);color:var(--ink-muted);font-weight:700}.name[data-astro-cid-zmqbe6dl]{font-size:var(--step-2);letter-spacing:-.02em;hyphens:auto;font-weight:800;line-height:1.02}.text[data-astro-cid-zmqbe6dl]{max-width:30ch;color:var(--ink-muted)}@media (width<=62rem){.method[data-astro-cid-zmqbe6dl]{grid-template-columns:var(--tape-h) minmax(0, 1fr);column-gap:1.25rem;display:grid}.tape[data-astro-cid-zmqbe6dl]{flex-direction:column;height:auto}.seg[data-astro-cid-zmqbe6dl]{background:linear-gradient(180deg, var(--sky) 2px, transparent 2px) 0 0 / 58% 100% no-repeat, linear-gradient(180deg, transparent calc(50% - 1px), var(--sky) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) 0 0 / 40% 100% no-repeat, repeating-linear-gradient(180deg, #bbe8ffbf 0 1px, transparent 1px 10%) 0 0 / 24% 100% no-repeat}.cm[data-astro-cid-zmqbe6dl]{inset:5px 5px auto auto}.steps[data-astro-cid-zmqbe6dl]{grid-template-columns:1fr;gap:2.5rem;padding-block:.5rem}.step[data-astro-cid-zmqbe6dl]{padding-top:0;padding-left:1rem}.notch[data-astro-cid-zmqbe6dl]{clip-path:polygon(0 0,100% 50%,0 100%);width:12px;height:18px;top:.35rem;left:-1.25rem}}