:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{min-height:100%;margin:0}#root{min-height:100svh}h1,h2,h3,p{margin:0}@keyframes acctMenuIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-item{transition:background .15s}.menu-item:hover{background:#efe9e212}@media (width<=640px){.cs-nav{padding:20px 5vw!important}.cs-nav-links{gap:16px!important;font-size:9px!important}.cs-nav-links .cs-link{white-space:nowrap}}.cs-page{color:#efe9e2;background:#14110f;font-family:Instrument Sans,sans-serif;position:relative}.cs-page a{color:inherit;text-decoration:none}.cs-link{position:relative}.cs-link:after{content:"";transform-origin:0;opacity:.6;background:currentColor;height:1px;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(.3)}.cs-link:hover:after{transform:scaleX(1)}.paint-swatch{transition:transform .2s,box-shadow .2s}.paint-swatch:hover{transform:scale(1.1)}@keyframes csLoaderIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cs-loader-word{opacity:0;animation:1s .15s forwards csLoaderIn}.cs-reveal{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}@media (width<=900px){.cs-hero{grid-template-columns:1fr!important;gap:8vh!important;padding-top:14vh!important}.cs-hero-copy{max-width:100%!important}}@media (width<=640px){.cs-gallery-grid{grid-template-columns:1fr!important}.cs-nav{padding:20px 5vw!important}.cs-nav-links{gap:16px!important;font-size:9px!important}.cs-nav-links .cs-link{white-space:nowrap}.cs-paint-box{flex-direction:column-reverse!important;gap:16px!important;height:auto!important}.cs-paint-swatches{flex-direction:row!important}.cs-paint-canvas-wrap{aspect-ratio:4/5;width:100%!important;height:auto!important}}.diy-orbit{aspect-ratio:10/7;width:100%;margin-top:48px;position:relative}.diy-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.diy-node{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;transform:translate(-50%,-50%)}.diy-node--figure{z-index:2;width:clamp(200px,26vw,320px);top:60%;left:50%}.diy-node--tl{width:clamp(96px,11vw,150px);top:14%;left:20%}.diy-node--tr{width:clamp(96px,11vw,150px);top:14%;left:80%}.diy-node--l{width:clamp(96px,11vw,150px);top:60%;left:8%}.diy-node--r{width:clamp(96px,11vw,150px);top:60%;left:92%}.diy-frame{aspect-ratio:1;box-sizing:border-box;background:#efe9e208;border:1px solid #efe9e224;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:16%;transition:border-color .3s,background .3s,transform .3s;display:flex}.diy-node--figure .diy-frame{background:0 0;border:none;padding:0}.diy-frame img{object-fit:contain;filter:drop-shadow(0 18px 30px #0006);width:100%;height:100%}.diy-node:not(.diy-node--figure):hover .diy-frame{background:#d4753a12;border-color:#d4753a8c;transform:translateY(-3px)}.diy-manual{border:1px solid #efe9e21a;border-radius:4px;width:100%;max-width:380px;margin:0 auto;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 60px #00000073}.diy-manual:hover{transform:rotate(0)scale(1.02)}.diy-manual img{width:100%;height:auto;display:block}@media (width<=760px){.diy-orbit{aspect-ratio:auto;grid-template-columns:repeat(2,1fr);gap:40px 20px;margin-top:36px;display:grid;position:static}.diy-lines{display:none}.diy-node{position:static;transform:none;width:100%!important}.diy-node--figure{order:-1;grid-column:1/-1;margin:0 auto 12px;width:min(280px,72%)!important}.diy-guide{grid-template-columns:1fr!important;gap:40px!important}.diy-guide-copy{order:2}}.cs-qty-btn:hover{background:#efe9e214}.cs-cta-btn:hover{opacity:.88}@media (width<=860px){.cs-detail-grid{grid-template-columns:1fr!important;gap:8vw!important}}.cs-account-nav button:hover{color:#efe9e2;background:#efe9e214}.cs-remove-btn:hover{color:#efe9e2}@media (width<=760px){.cs-account-grid{grid-template-columns:1fr!important}.cs-account-nav{flex-wrap:wrap;flex-direction:row!important;gap:6px!important;position:static!important}.cs-account-nav>div{display:none}.cs-order-row{justify-items:start;grid-template-columns:1fr!important;gap:8px!important}}.cs-page input:focus-visible,.cs-page button:focus-visible{outline-offset:2px;outline:2px solid #d4753ab3}.cs-page input::placeholder{color:#5f574f}.cs-page input:-webkit-autofill{-webkit-text-fill-color:#efe9e2;caret-color:#efe9e2;-webkit-box-shadow:inset 0 0 0 1000px #1c1815}.cs-page input:-webkit-autofill:hover{-webkit-text-fill-color:#efe9e2;caret-color:#efe9e2;-webkit-box-shadow:inset 0 0 0 1000px #1c1815}.cs-page input:-webkit-autofill:focus{-webkit-text-fill-color:#efe9e2;caret-color:#efe9e2;-webkit-box-shadow:inset 0 0 0 1000px #1c1815}
