.bshards{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;container-type:size}.bshards-square{aspect-ratio:1;--mx:0;--my:0;--spread:0;--edge-min:0;width:min(100cqw,100cqh);position:relative}@media (hover:none),(pointer:coarse){.bshards-square{--edge-min:1}}.bshards-frame{--fr-gap:clamp(10px, 2.2cqmin, 18px);--fr-arm:clamp(22px, 6cqmin, 44px);--fr-ink:#d6456b;inset:calc(var(--fr-gap) * -1);background:linear-gradient(var(--fr-ink), var(--fr-ink)) top left / var(--fr-arm) 2px, linear-gradient(var(--fr-ink), var(--fr-ink)) top left / 2px var(--fr-arm), linear-gradient(var(--fr-ink), var(--fr-ink)) top right / var(--fr-arm) 2px, linear-gradient(var(--fr-ink), var(--fr-ink)) top right / 2px var(--fr-arm), linear-gradient(var(--fr-ink), var(--fr-ink)) bottom left / var(--fr-arm) 2px, linear-gradient(var(--fr-ink), var(--fr-ink)) bottom left / 2px var(--fr-arm), linear-gradient(var(--fr-ink), var(--fr-ink)) bottom right / var(--fr-arm) 2px, linear-gradient(var(--fr-ink), var(--fr-ink)) bottom right / 2px var(--fr-arm);pointer-events:none;background-repeat:no-repeat;background-origin:border-box;border:1px solid #d6456b52;position:absolute;box-shadow:0 0 24px -6px #d6456b59,0 30px 60px -34px #021e24b3}@media (prefers-reduced-motion:no-preference){.bshards[data-live] .bshards-frame{animation:1.2s cubic-bezier(.2,.8,.25,1) 1s backwards bshards-frame-in}}@keyframes bshards-frame-in{0%{opacity:0;scale:1.04}}.bshards-piece{background:linear-gradient(135deg,#ffffff21,#ffffff0a 60%,#d6456b14),linear-gradient(160deg,#1b98a0 0%,#10808a 45%,#0c6b76 100%);position:absolute;inset:0}.bshards-shard{pointer-events:none;translate:calc(var(--mx) * var(--d) * -34px + var(--ox) * var(--spread) * 26px) calc(var(--my) * var(--d) * -26px + var(--oy) * var(--spread) * 26px);transition:translate .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.bshards-body{transform:perspective(1100px) translateZ(calc(var(--d) * var(--spread) * 26px)) rotateX(calc(var(--my) * var(--d) * -16deg)) rotateY(calc(var(--mx) * var(--d) * 16deg));filter:drop-shadow(0 calc(var(--spread) * (10px + var(--d) * 12px)) calc(var(--spread) * (14px + var(--d) * 10px)) rgb(2 30 36/calc(var(--spread) * .45)));transition:transform .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.bshards-img{object-fit:contain;filter:drop-shadow(0 18px 30px #00000047)}.bshards-edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bshards-edges polygon{fill:none;stroke:rgb(214 69 107/calc(.55 * max(var(--spread), var(--edge-min))));stroke-width:1.2px;vector-effect:non-scaling-stroke;transition:stroke .9s cubic-bezier(.22,1,.36,1)}@keyframes bshards-in{0%{opacity:0;transform:translate(var(--fx), var(--fy)) rotate(var(--fr)) scale(.96)}}@media (prefers-reduced-motion:no-preference){.bshards[data-live] .bshards-shard{animation:bshards-in 1s cubic-bezier(.2, .8, .25, 1) calc(.2s + var(--k) * 90ms) backwards;transform-origin:50%}}@media (hover:none),(pointer:coarse){.bshards-body{filter:none;transform:none}.bshards-img{filter:none}.bshards-shard,.bshards[data-live] .bshards-shard,.bshards[data-live] .bshards-frame{transition:none;animation:none;translate:none}}@media (prefers-reduced-motion:reduce){.bshards-shard{translate:none}.bshards-body{transform:none}}@media (min-width:1024px){.home-sheet[data-visual=shards] .home-sheet-grid,.home-sheet[data-visual=shards] .home-sheet-figure{position:static}.home-sheet[data-visual=shards] .home-sheet-copy{z-index:1;position:relative}.bshards{width:min(46vw,52rem);inset:4% auto;inset-inline-end:8%}.home-sheet[data-visual=shards]:after{content:"";inset-inline:0;pointer-events:none;background:linear-gradient(#03040500,#030405 85%);height:4.5svh;position:absolute;bottom:0}}
.msteps{height:100%;color:var(--sheet-fg);flex-direction:column;justify-content:center;gap:1.4em;font-size:max(.78rem,min(.95rem,3.9cqi,3.6cqh));line-height:1.45;display:flex}.msteps-head{font-family:var(--font-playfair), serif;letter-spacing:.005em;text-wrap:balance;margin:0;font-size:1.85em;font-weight:400;line-height:1.15}.msteps-list{margin:0;padding:0;list-style:none}.msteps-item{transition:opacity var(--motion-dur-fast) var(--motion-ease-out), transform var(--motion-dur-fast) var(--motion-ease-out);position:relative}.msteps-row{align-items:flex-start;gap:.9em;padding:.85em 0;display:flex}.msteps-n{min-width:2.1em;font-family:var(--font-playfair), serif;color:var(--sheet-accent,#fff);transition:transform var(--motion-dur-fast) var(--motion-ease-out);flex:none;font-size:1.6em;font-weight:400;line-height:1;display:flex}.msteps-digit[data-lead]{opacity:.6}.msteps-body{min-width:0}.msteps-title{text-wrap:balance;margin:0;font-size:1.02em;font-weight:600;line-height:1.3}.msteps-text{text-wrap:pretty;margin:.45em 0 0;font-size:.92em;line-height:1.5}.msteps-rule{background:color-mix(in srgb, var(--sheet-fg) 24%, transparent);transform-origin:0;height:1px;display:block}[dir=rtl] .msteps-rule{transform-origin:100%}.msteps-end{list-style:none}@media (hover:hover) and (pointer:fine){.msteps-list:hover .msteps-item{opacity:.52}.msteps-list .msteps-item:hover{opacity:1;transform:translateX(calc(var(--motion-flip) * -.4em))}.msteps-item:hover .msteps-n{transform:scale(1.06)}}@keyframes msteps-rise{0%{transform:translateY(105%)}}@keyframes msteps-draw{0%{transform:scaleX(0)}}@keyframes msteps-blur-in{0%{opacity:0;filter:blur(6px)}}@media (prefers-reduced-motion:no-preference){.msteps-mask{vertical-align:bottom;display:inline-block;overflow:hidden}.msteps-word,.msteps-digit{display:inline-block}.msteps[data-live] .msteps-word,.msteps[data-live] .msteps-digit{animation:msteps-rise .62s var(--motion-ease-out) calc(.12s + var(--i,0) * .14s) backwards}.msteps[data-live] .msteps-rule{animation:msteps-draw .75s var(--motion-ease-in-out) calc(.1s + var(--i,0) * .14s) backwards}.msteps[data-live] .msteps-text{animation:msteps-blur-in .7s var(--motion-ease-out) calc(.15s + var(--i,0) * .14s) backwards}}@media (max-width:1023px){.msteps{gap:1.1em}.msteps-row{padding:.7em 0}}@media (max-width:1023px) and (max-height:800px){.msteps{gap:.85em}.msteps-head{font-size:1.55em}.msteps-row{padding:.5em 0}.msteps-text{margin-top:.3em}}@media (min-width:1024px){.msteps{gap:1.5em;padding-inline-end:2cqi;font-size:min(1.3rem,3.2cqi,3.4cqh)}.msteps-row{gap:1.1em;padding:1em 0}}.msteps-core{gap:inherit;isolation:isolate;flex-direction:column;display:flex;position:relative}.msketch{z-index:-1;pointer-events:none;width:calc(100% + 2.8em);height:calc(100% + 6.9em);position:absolute;inset:-3.9em -1.4em -3em;overflow:visible}.msketch path{fill:none;stroke:#ffffff9e;stroke-linecap:round;stroke-linejoin:round}@keyframes msketch-draw{0%{stroke-dashoffset:1px}}@media (prefers-reduced-motion:no-preference){.msteps[data-live] .msketch path{stroke-dasharray:1;animation:msketch-draw .9s cubic-bezier(.55, .1, .3, 1) calc(.5s + var(--k) * .12s) backwards}}@media (max-width:1023px){.msketch{display:none}}