button,a{transition:color .18s ease,background-color .18s ease,border-color .18s ease}button svg,a svg{transition:transform .2s cubic-bezier(.16,1,.3,1)}button:hover svg,a:hover svg{transform:translateX(5px)}.scope-list button:hover,.gallery-tabs button:hover,.flow-steps button:hover{color:#89662f}.solid-button:hover{background:#e0d0b0}.text-link:hover{border-color:#e0d0b0}.swatch:hover i{transform:rotate(90deg)}.swatch i{transition:transform .25s ease}.laptop{transition:width .65s cubic-bezier(.16,1,.3,1),left .65s cubic-bezier(.16,1,.3,1),top .65s cubic-bezier(.16,1,.3,1),opacity .4s,transform .65s cubic-bezier(.16,1,.3,1)}.paired-laptops .laptop,.phone-group .phone{animation:device-float 7s ease-in-out infinite;animation-play-state:paused}.paired-laptops .lower,.phone-group .phone-left{animation-delay:-2s}.phone-group .phone-right{animation-delay:-4s}.in-view .paired-laptops .laptop,.in-view .phone-group .phone{animation-play-state:running}.paused .paired-laptops .laptop,.paused .phone-group .phone{animation-play-state:paused}.spatial .spatial-heading{transition:opacity .5s}.spline-slot>iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.spline-active .spline-slot>iframe{z-index:1}.spatial-bottom{pointer-events:none}.spatial-bottom button{pointer-events:auto}.camera-playing .imac{will-change:transform}.camera-playing .device-heading{pointer-events:none}.camera-playing .scene-controls{background:#f5f5f0e8;color:#1f2319;padding:5px 16px;left:auto;right:25px;border-radius:3px}.camera-playing .scene-controls>span{display:none}.camera-playing .scene-controls button{min-height:35px}.screen-content:after{content:'';position:absolute;z-index:3;inset:0;pointer-events:none;border:1px solid #ffffff05}.tap-indicator{position:absolute;z-index:6;width:23px;height:23px;border:2px solid #e0d0b0;border-radius:50%;left:55%;top:65%;box-shadow:0 0 0 7px #e0d0b030;opacity:0;pointer-events:none}.screen-content[data-tap=true] .tap-indicator{animation:tap-cue 1.4s ease-in-out 2}.motion-toggle[aria-pressed=true] svg{display:none}@keyframes device-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes tap-cue{0%,100%{opacity:0;scale:.7}35%,65%{opacity:.9;scale:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.imac{transform:none!important}.hero-art{transform:none!important}}

.spline-active .spatial-heading{opacity:0}.spatial-bottom{bottom:70px}.scene-launch{bottom:135px}.spline-active .scene-launch{bottom:115px}