.product-spin{aspect-ratio:1;width:100%;display:grid;position:relative}.product-spin .spin-fallback,.product-spin model-viewer{filter:drop-shadow(0 60px 90px #000000b3)drop-shadow(0 0 30px #53524640);grid-area:1/1;width:100%;height:100%}.product-spin .spin-fallback{position:relative}.product-spin model-viewer{--poster-color:transparent;--progress-bar-color:transparent;--progress-mask:transparent;background-color:#0000}
.how{background:radial-gradient(900px 500px at 20% 10%,#5352461f,#0000 60%),radial-gradient(900px 500px at 80% 90%,#ddd4c30f,#0000 60%);border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}.how__header{text-align:left;margin-bottom:6rem}.how__header h2{font-size:max(2.8rem,min(5vw,4.25rem))}.how__steps{grid-template-columns:repeat(4,1fr);gap:2rem;margin:0;padding:0;list-style:none;display:grid}@media (max-width:1080px){.how__steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.how__steps{grid-template-columns:1fr}}.step{padding:2rem 1.5rem;position:relative}.step__n{font-family:var(--font-display),"DM Serif Display",serif;color:#ddd4c3;margin-bottom:1rem;font-size:3rem;display:inline-block}.step h3{margin-bottom:.75rem;font-size:1.25rem}.step p{color:#ddd4c3b8;font-size:.95rem}.step__connector{pointer-events:none;width:80%;height:12px;position:absolute;top:38px;left:calc(100% - 24px)}.step__connector line{stroke:#ddd4c340}.step:last-child .step__connector{display:none}@media (max-width:1080px){.step__connector{display:none}}