.product-scene{isolation:isolate;aspect-ratio:1;color:#212123;background:#e9e8e3;border-radius:2px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.scene-content{pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene-content img{object-fit:cover;width:100%;height:100%;display:block}.scene-content svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.scene-content small{letter-spacing:.1em;font-size:1.65cqw;font-weight:500;line-height:1.4;display:block}.scene-caption{text-align:center;letter-spacing:.03em;opacity:.5;z-index:8;width:100%;font-size:1.65cqw;position:absolute;bottom:3%;left:0}.product-scene .scene-motion{animation-play-state:paused}.product-scene.scene-active .scene-motion{animation-play-state:running}.motion-paused .product-scene .scene-motion,.page-hidden .product-scene .scene-motion{animation-play-state:paused!important}.scene-discover{background:#e1e3df}.scene-discover .scene-content{perspective:1000px}.discovery-side{background:#faf9f6;border-radius:1.5cqw;width:43%;height:60%;animation:10s ease-in-out infinite discovery-surround;position:absolute;top:18%;overflow:hidden;box-shadow:0 2cqw 4cqw #1825191a}.discovery-side img{height:68%}.discovery-side>div{padding:3cqw}.discovery-side strong{letter-spacing:-.04em;margin:1.2cqw 0;font-size:3cqw;font-weight:500;display:block}.discovery-side>div>span{color:#787a77;font-size:2cqw}.discovery-side small{color:#777c77}.discovery-left{--lean:-8deg;animation-delay:-5s;left:-18%;transform:translateY(2cqw)rotate(-8deg)}.discovery-right{--lean:8deg;top:22%;right:-18%;transform:translateY(2cqw)rotate(8deg)}.discovery-feature{background:#fcfbf8;border-radius:1.5cqw;width:56%;height:76%;animation:10s ease-in-out infinite discovery-select;position:absolute;top:11%;left:22%;overflow:hidden;transform:translateY(0);box-shadow:0 3cqw 8cqw #19241e2b,0 .3cqw 1cqw #19241e15}.feature-photo{height:64%;position:relative;overflow:hidden}.feature-photo img{object-position:52% center;animation:14s ease-in-out infinite photo-observe}.selected-label{background:#fffef5;border-radius:.8cqw;align-items:center;gap:3.2cqw;padding:1.1cqw 1.6cqw;font-size:2cqw;font-weight:550;display:flex;position:absolute;top:3cqw;left:3cqw}.selected-label svg{color:#633be3;width:2.5cqw;height:2.5cqw}.feature-copy{padding:3.1cqw 3.5cqw}.feature-copy>small{color:#74736f;font-size:1.5cqw}.feature-copy>strong{letter-spacing:-.055em;margin:1.5cqw 0 2.2cqw;font-size:4.1cqw;font-weight:500;line-height:1.05;display:block}.feature-copy>span{color:#6c6b66;justify-content:space-between;font-size:1.95cqw;display:flex}.feature-copy i{color:#212123;font-style:normal}.selection-index{align-items:center;gap:1.4cqw;width:56%;display:flex;position:absolute;bottom:7%;left:22%}.selection-index b{font-size:1.8cqw;font-weight:500}.selection-index>span{background:#a6aaa4;width:2.4cqw;height:1px}.selection-index small{color:#72786f;margin-left:auto;font-size:1.3cqw}.scene-plan{color:#fff;background:#30322f}.plan-backdrop{opacity:.24;filter:blur(3px);object-position:70% center;position:absolute;inset:0;transform:scale(1.05)}.saved-stack-back{background:#b9b7b0;border-radius:1.3cqw;width:58%;height:60%;position:absolute;top:14%;left:21%;box-shadow:0 2cqw 4cqw #0002}.stack-one{background:#757b6f;transform:rotate(-8deg)}.stack-two{background:#e6e2d8;transform:rotate(5deg)}.save-photo-card{background:#1c1e1d;border-radius:1.3cqw;width:58%;height:60%;animation:10s cubic-bezier(.4,0,.2,1) infinite save-photo;position:absolute;top:14%;left:21%;overflow:hidden;transform:translateY(-3cqw)rotate(-3deg)scale(1.08);box-shadow:0 3cqw 6cqw #0004}.save-photo-card img{object-position:57% center}.save-photo-card:after{content:"";background:linear-gradient(#0000,#111c);position:absolute;inset:35% 0 0}.save-photo-caption{z-index:1;position:absolute;bottom:4cqw;left:4cqw;right:4cqw}.save-photo-caption small{color:#e3e1db;font-size:1.4cqw}.save-photo-caption strong{letter-spacing:-.05em;margin-top:1.1cqw;font-size:4.2cqw;font-weight:500;line-height:1.1;display:block}.save-control{z-index:2;color:#212123;background:#fcfbf8;border-radius:5cqw;align-items:center;gap:1cqw;width:16cqw;height:6.5cqw;padding:1.5cqw 2cqw;font-size:2cqw;display:flex;position:absolute;top:3cqw;right:3cqw}.save-control>svg{width:3cqw;height:3cqw}.bookmark-fill{fill:#633be3;stroke:#633be3;opacity:0;animation:10s infinite saved-on}.save-label-before,.save-label-after{position:absolute;left:6.2cqw}.save-label-before{animation:10s infinite saved-off}.save-label-after{opacity:0;animation:10s infinite saved-on}.saved-collection{z-index:3;color:#212123;background:#fcfbf8;border-radius:1.5cqw;align-items:center;gap:3cqw;width:76%;padding:2.5cqw;animation:10s cubic-bezier(.4,0,.2,1) infinite collection-receive;display:flex;position:absolute;top:76%;left:12%;box-shadow:0 1.5cqw 4cqw #0002}.collection-thumbnails{flex-shrink:0;width:17cqw;height:9cqw;position:relative}.collection-thumbnails img{object-fit:cover;border:1px solid #fcfbf8;border-radius:.6cqw;width:8cqw;height:9cqw;position:absolute}.collection-thumbnails img:first-child{left:0;transform:rotate(-8deg)}.collection-thumbnails img:nth-child(2){left:4cqw;transform:rotate(3deg)}.collection-thumbnails img:last-child{left:8cqw;transform:rotate(9deg)}.saved-collection strong{letter-spacing:-.035em;font-size:3cqw;font-weight:500;display:block}.saved-collection span{color:#74716c;margin-top:.6cqw;font-size:2cqw;display:block}.saved-collection>svg{width:3cqw;height:3cqw;margin-left:auto}.scene-plan .scene-caption{color:#fff;opacity:.45}.scene-personalise{background:#d5dae1}.taste-grid{background-image:linear-gradient(#74839c12 1px,#0000 1px),linear-gradient(90deg,#74839c12 1px,#0000 1px);background-size:10% 10%;position:absolute;inset:0;mask-image:radial-gradient(#000 20%,#0000 75%)}.taste-photo{transform-origin:50% 90%;background:#f9f8f3;width:47%;height:59%;padding:1.2cqw 1.2cqw 4cqw;position:absolute;top:11%;box-shadow:0 2cqw 5cqw #192c4226}.taste-photo img{object-fit:cover}.taste-photo>span{letter-spacing:.12em;color:#73736f;font-size:1.25cqw;position:absolute;bottom:1.4cqw;left:1.5cqw}.taste-photo-back{animation:12s cubic-bezier(.4,0,.2,1) infinite next-interest;left:43%;transform:rotate(10deg)}.taste-photo-back img{object-position:54% center}.taste-photo-front{animation:12s cubic-bezier(.4,0,.2,1) infinite previous-interest;top:13%;left:12%;transform:rotate(-9deg)}.feedback-panel{z-index:4;color:#212123;background:#fcfbf8;border-radius:1.7cqw;width:80%;padding:3cqw 3.5cqw;position:absolute;top:58%;left:10%;box-shadow:0 2cqw 6cqw #27344329}.feedback-heading{border-bottom:1px solid #deddd7;justify-content:space-between;align-items:center;margin-bottom:2.5cqw;padding-bottom:2.5cqw;font-size:2.3cqw;font-weight:500;display:flex}.feedback-heading svg{color:#77736e;width:3cqw;height:3cqw}.feedback-category{justify-content:space-between;align-items:center;gap:2cqw;display:flex}.feedback-category>div>small{color:#817d77;font-size:1.4cqw}.feedback-category strong{letter-spacing:-.04em;margin-top:.6cqw;font-size:3.3cqw;font-weight:500;display:block}.feedback-options{gap:1.5cqw;display:flex}.feedback-options>span{isolation:isolate;color:#716a7a;background:#fff;border:1px solid #d6d3cc;border-radius:1.3cqw;flex-direction:column;justify-content:center;align-items:center;width:9cqw;height:10cqw;font-size:4cqw;line-height:1;display:flex;position:relative}.feedback-options small{letter-spacing:0;margin-top:.5cqw;font-size:1.7cqw}.feedback-options b{font-size:4cqw;font-weight:400;line-height:1}.feedback-selected{z-index:-1;opacity:1;background:#633be3;border-radius:1.3cqw;animation:12s infinite feedback-choice;position:absolute;inset:-1px}.feedback-more{color:#fff!important;border-color:#0000!important}.feedback-more b,.feedback-more>small{animation:12s infinite feedback-ink}.taste-response{color:#48465c;justify-content:center;align-items:center;gap:1cqw;width:100%;font-size:2cqw;animation:12s infinite feedback-confirm;display:flex;position:absolute;top:86%;left:0}.taste-response svg{color:#633be3;width:2.8cqw;height:2.8cqw}@keyframes discovery-surround{0%,to{transform:translateY(2cqw) rotate(var(--lean))}50%{transform:translateY(-2cqw) rotate(var(--lean))}}@keyframes discovery-select{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5cqw)}}@keyframes photo-observe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes save-photo{0%,15%,to{transform:translateY(-3cqw)rotate(-3deg)scale(1.08)}32%,80%{transform:translateY(0)rotate(0)scale(1)}}@keyframes saved-on{0%,22%,95%,to{opacity:0}28%,85%{opacity:1}}@keyframes saved-off{0%,22%,95%,to{opacity:1}28%,85%{opacity:0}}@keyframes collection-receive{0%,18%,to{opacity:.65;transform:translateY(2cqw)}35%,82%{opacity:1;transform:translateY(0)}}@keyframes previous-interest{0%,20%,to{transform:translate(0)rotate(-9deg)}45%,78%{transform:translate(-7cqw)rotate(-16deg)}}@keyframes next-interest{0%,20%,to{transform:translateY(0)rotate(10deg)}45%,78%{transform:translate(-7cqw,-4cqw)rotate(3deg)}}@keyframes feedback-choice{0%,15%,95%,to{opacity:0}25%,85%{opacity:1}}@keyframes feedback-ink{0%,15%,95%,to{color:#716a7a}25%,85%{color:#fff}}@keyframes feedback-confirm{0%,25%,92%,to{opacity:0;transform:translateY(1cqw)}35%,82%{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.product-scene .scene-motion,.feedback-more b,.feedback-more>small{animation:none!important}.save-photo-card{transform:none}.bookmark-fill,.save-label-after{opacity:1}.save-label-before{opacity:0}}