html,body{width:100%;max-width:100%;min-height:100%;margin:0;padding:0;overflow-x:clip}*{box-sizing:border-box}.page-hero-spacer{height:88px}.hero:not(.hero--video){align-items:center;width:100%;display:flex}.hero:not(.hero--video)>.hero-inner{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,40px);display:grid}.hero-left{max-width:620px}.hero-right{justify-content:center;align-items:center;min-width:0;display:flex!important}.color-wheel-wrap{flex-shrink:0}.wheel-canvas{display:block}@media (max-width:1024px){.hero:not(.hero--video){height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}.hero:not(.hero--video)>.hero-inner{grid-template-rows:1fr;grid-template-columns:1fr;gap:0;height:100%;min-height:0}.hero:not(.hero--video)>.hero-inner>.hero-left,.hero:not(.hero--video)>.hero-inner>.hero-right{grid-area:1/1}.hero:not(.hero--video)>.hero-inner>.hero-left{z-index:2;align-self:center;max-width:100%;position:relative}.hero:not(.hero--video)>.hero-inner>.hero-right{z-index:0;pointer-events:none;justify-content:center;place-self:center}.hero .floating-swatches{display:none}.hero .color-wheel-wrap{opacity:.5;margin:0}}@media (max-width:768px){.hero:not(.hero--video)>.hero-inner{padding:0 20px}.hero:not(.hero--video) .color-wheel-wrap{opacity:.45;width:min(300px,86vw);height:min(300px,86vw)}}