Homepage

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>DesignOneSource X Experience</title><base target="_top"><script>!function(){if(window.parent&&window.parent!==window){var e=function(e){if(window.frameElement){var t=window.frameElement.getBoundingClientRect(),n=0===e.type.indexOf("pointer")&&"undefined"!=typeof PointerEvent?PointerEvent:MouseEvent,r=new n(e.type,{bubbles:!0,cancelable:!0,view:window.parent,clientX:e.clientX+t.left,clientY:e.clientY+t.top,screenX:e.screenX,screenY:e.screenY,movementX:e.movementX,movementY:e.movementY,button:e.button,buttons:e.buttons,pointerId:e.pointerId||0,pointerType:e.pointerType||"",isPrimary:e.isPrimary||!1});window.frameElement.dispatchEvent(r)}};["mousemove","mousedown","mouseup","mouseenter","mouseleave","click","pointermove","pointerdown","pointerup"].forEach((function(t){window.addEventListener(t,e,{passive:!0})})),document.addEventListener("mouseover",(function(e){e.target.closest("a, button, .gallery-item, .project-panel, .solution-card, .brand-logo-wrapper, #easter-mosaic, #easter-smarter, #easter-spin, #scroll-down-btn")&&window.parent.document.body.classList.add("iframe-hover-active")})),document.addEventListener("mouseout",(function(e){e.target.closest("a, button, .gallery-item, .project-panel, .solution-card, .brand-logo-wrapper, #easter-mosaic, #easter-smarter, #easter-spin, #scroll-down-btn")&&window.parent.document.body.classList.remove("iframe-hover-active")}))}}();</script><link rel="preload" as="image" href="https://res.cloudinary.com/hdi/video/upload/f_webp,q_auto,so_0/v1772662701/designonesourcex.com/Barajas_addie_2.webp?cb=v14.0.0"><link rel="preload" as="image" href="https://res.cloudinary.com/hdi/image/upload/v1700321072/mosaicspinlogo.png?cb=v14.0.0"><style>@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600;700;800;900&display=swap');*{box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}*::after,*::before{box-sizing:border-box}::-webkit-scrollbar{display:none}body{font-family:'Work Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background-color:#f8f9fa;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");background-attachment:fixed;margin:0;width:100%;color:#111;padding-bottom:0;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.bf-active,html.bf-active body{height:auto}.hero-section{position:relative;width:100%;height:100vh;overflow:hidden;background-color:transparent}#video-container{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity 1.5s ease-in-out;will-change:opacity}.opacity-100{opacity:1!important}.opacity-0{opacity:0!important}.z-10{z-index:10!important}.z-0{z-index:0!important}#hero-overlay-text{position:absolute;bottom:15%;left:0;padding:2rem;display:flex;flex-direction:column;z-index:30;pointer-events:none;will-change:transform,opacity}@keyframes textEnterLeft{0%{opacity:0;transform:translateX(40px)}100%{opacity:1;transform:translateX(0)}}.text-enter-left{animation:textEnterLeft 1.5s cubic-bezier(.22,1,.36,1) forwards}#hero-title{font-size:calc(3rem - 2px);font-weight:800;color:#fff;letter-spacing:-.025em;margin:0;text-shadow:0 4px 12px rgba(0,0,0,.8)}#hero-subtitle{margin-top:.5rem;font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:0;text-shadow:0 4px 12px rgba(0,0,0,.8)}.hero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.1) 0%,transparent 60%,rgba(248,249,250,.75) 100%);pointer-events:none;z-index:20}#scroll-down-btn{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:40;display:none;flex-direction:column;align-items:center;gap:.5rem;opacity:.7;transition:opacity .3s ease;cursor:pointer;text-decoration:none;will-change:opacity,transform}#scroll-down-btn:hover{opacity:1}.scroll-text{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#64748b;font-weight:600}@keyframes stretchLine{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes moveHead{0%,100%{transform:translateY(-18px)}50%{transform:translateY(0)}}.arrow-line{transform-origin:top;animation:stretchLine 2s ease-in-out infinite}.arrow-head{animation:moveHead 2s ease-in-out infinite}@media (min-width:768px){#scroll-down-btn{display:flex}#hero-overlay-text{padding:4rem}#hero-title{font-size:calc(6rem - 2px);line-height:1}#hero-subtitle{font-size:1.875rem;line-height:2.25rem}}.gallery-wrapper{display:flex;flex-direction:column;width:100vw;height:100vh;padding:4vw;gap:24px;background-color:transparent}.products-title{font-size:clamp(2rem,4vw,3.6rem);font-weight:800;line-height:.85;letter-spacing:-.02em;text-transform:uppercase;color:#111}.title-word{display:block;transform:translateY(100%) translateZ(0);opacity:0;transition:transform 0.4s cubic-bezier(.16,1,.3,1),opacity 0.4s ease;will-change:transform,opacity}.title-word.in-view{transform:translateY(0) translateZ(0);opacity:1}.gallery-grid{display:flex;flex-direction:column;flex:1;gap:16px;min-height:0}.gallery-row{display:flex;flex:1;gap:16px}.gallery-item{position:relative;flex:1;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;opacity:0;transform:translateY(30px) translateZ(0);backface-visibility:hidden;perspective:1000px;transition:flex 0.4s cubic-bezier(.25,1,.5,1),transform 0.4s cubic-bezier(.25,1,.5,1),opacity 0.4s ease;will-change:flex,transform,opacity}.gallery-item.in-view{transform:translateY(0) translateZ(0);opacity:1}.gallery-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(60%) brightness(.8);transform:scale(1.05) translateZ(0);transition:transform 0.4s cubic-bezier(.25,1,.5,1),filter 0.4s cubic-bezier(.25,1,.5,1);will-change:transform,filter}.color-overlay{position:absolute;inset:0;background-color:rgba(255,255,255,.15);opacity:1;transition:opacity 0.4s ease-out;will-change:opacity;pointer-events:none}.gallery-content{position:absolute;top:50%;left:50%;width:max-content;max-width:90%;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none;transform:translate(-50%,-50%) translateZ(1px);transition:transform 0.4s cubic-bezier(.25,1,.5,1),top 0.4s cubic-bezier(.25,1,.5,1),left 0.4s cubic-bezier(.25,1,.5,1);will-change:transform,top,left;backface-visibility:hidden}.gallery-title,.gallery-subtitle{text-align:left;width:100%}.gallery-title{font-size:clamp(1.2rem,2.5vw,2.2rem);line-height:.85;font-weight:800;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.6);margin-bottom:4px;margin-top:0}.gallery-subtitle{font-size:clamp(.85rem,1.2vw,1.1rem);text-shadow:0 2px 8px rgba(0,0,0,.6);opacity:0;transform:translateY(15px) translateZ(1px);transition:transform 0.4s cubic-bezier(.25,1,.5,1),opacity 0.4s ease;will-change:transform,opacity;margin-top:0}.gallery-grid .gallery-item{flex:.7}.gallery-grid .gallery-item.is-hovered,.gallery-grid .gallery-item:focus-within{flex:2.5}.gallery-grid .gallery-item.is-hovered img,.gallery-grid .gallery-item:focus-within img{filter:grayscale(0) brightness(1);transform:scale(1) translateZ(0)}.gallery-grid .gallery-item.is-hovered .color-overlay,.gallery-grid .gallery-item:focus-within .color-overlay{opacity:0}.gallery-grid .gallery-item.is-hovered .gallery-subtitle,.gallery-grid .gallery-item:focus-within .gallery-subtitle{opacity:1;transform:translateY(0) translateZ(1px)}.gallery-grid .gallery-item.is-hovered .gallery-content,.gallery-grid .gallery-item:focus-within .gallery-content{top:100%;left:0;transform:translate(30px,calc(-100% - 24px)) translateZ(1px)}.projects-wrapper{display:flex;flex-direction:column;width:100%;max-width:1800px;margin:5vh auto 0;gap:1.5rem}.projects-split{display:flex;height:75vh;width:100%;padding:0 4vw;gap:1.5rem;background-color:transparent}.project-panel{position:relative;flex:1;border-radius:24px;overflow:hidden;text-decoration:none;display:flex;align-items:center;justify-content:center;transform:translate3d(0, 80px, 0);backface-visibility:hidden;opacity:0;transition:flex 0.4s cubic-bezier(.16,1,.3,1),opacity 0.4s ease,transform 0.4s cubic-bezier(.16,1,.3,1);z-index:1;transform-style:preserve-3d;will-change:flex,opacity,transform}.project-panel.in-view{opacity:1;transform:translate3d(0, 0, 0)}.project-panel.is-active,.project-panel:hover,.project-panel:focus-within{flex:1.6;z-index:10}.panel-bg{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-size:cover;background-position:center;z-index:1;transition:transform 0.4s cubic-bezier(.16,1,.3,1);will-change:transform}.panel-overlay{position:absolute;inset:0;background:rgba(0,0,0,.1);z-index:2;transition:background .5s ease;transform:translateZ(1px);pointer-events:none}.panel-glare-wrapper{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;border-radius:24px;transform:translateZ(2px)}.panel-glare{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 50%);opacity:0;mix-blend-mode:overlay;transition:transform .2s ease-out,opacity .5s ease;will-change:transform,opacity;pointer-events:none}.panel-content{position:relative;z-index:5;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;transform:translateZ(10px);transition:transform .4s ease-out}.panel-content h2{font-size:calc(clamp(1.9375rem,3.9vw,3.4375rem) - 6px);font-weight:800;text-transform:uppercase;margin:0;line-height:1;text-shadow:0 4px 20px rgba(0,0,0,.6)}.explore-btn{display:inline-block;margin-top:1.5rem;padding:12px 28px;border:1px solid rgba(255,255,255,.6);border-radius:50px;font-size:.9rem;text-transform:uppercase;opacity:0;transform:translateY(20px) translateZ(0);transition:transform .5s cubic-bezier(.25,1,.5,1),opacity .5s cubic-bezier(.25,1,.5,1),border-color .5s ease;will-change:transform,opacity}.project-panel.is-active .explore-btn,.project-panel:hover .explore-btn,.project-panel:focus-within .explore-btn{opacity:1;transform:translateY(0) translateZ(0);border-color:#fff}.svg-section-container{--bg-color:transparent;--text-color:#111;--card-bg:#fff;--card-border:rgba(0,0,0,0.08);background-color:var(--bg-color);position:relative;z-index:10;padding-top:120px}.section-title{text-align:left;padding-left:10vw;font-size:calc(clamp(2rem,4vw,3.6rem) - 2px);font-weight:800;line-height:.85;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:2rem;opacity:0;transform:translateX(50vw) translateZ(0);transition:transform 0.4s cubic-bezier(.16,1,.3,1),opacity 0.4s ease-out;color:#111;will-change:transform,opacity}.section-title.is-visible{opacity:1;transform:translateX(0) translateZ(0)}.horizontal-wrapper{display:flex;gap:3rem;padding:0 5vw 2rem 10vw;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.horizontal-wrapper::-webkit-scrollbar{display:none}.float-wrapper{scroll-snap-align:start;flex-shrink:0;animation:gentleFloat 6s ease-in-out infinite;will-change:transform}@keyframes gentleFloat{0%,100%{transform:translateY(0) translateZ(0)}50%{transform:translateY(-15px) translateZ(0)}}.solution-card{width:320px;height:420px;perspective:1500px;cursor:pointer;z-index:1}.card-inner{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.08);will-change:transform}.solution-card:hover .card-inner{transform:rotateY(180deg) translateZ(0);box-shadow:0 25px 50px rgba(0,0,0,.15)}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;border:1px solid var(--card-border);background:var(--card-bg);display:flex;flex-direction:column;overflow:hidden}.card-front{align-items:center;justify-content:center;gap:2rem;transform:rotateY(0) translateZ(1px)}.icon-wrapper{width:140px;height:140px;display:flex;align-items:center;justify-content:center}.icon-wrapper img{width:100%;height:100%;object-fit:contain;filter:brightness(0)}.card-title{font-size:1.4rem;font-weight:600;color:#111}.card-back{transform:rotateY(180deg) translateZ(1px);position:relative;justify-content:center;align-items:center}.back-content{position:relative;z-index:1;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.back-content h3{font-size:1.5rem;font-weight:700;color:#111;margin-bottom:1.5rem;text-align:center}.back-content p{font-size:1rem;line-height:1.3;color:#444;text-align:center;transition:line-height .4s ease}.solution-card:hover .back-content p{line-height:1.1}.about-wrapper{width:100%;background-color:transparent;padding:120px 4vw 10vh;display:flex;justify-content:center;position:relative;z-index:20}.about-container{max-width:1300px;margin:0 auto;width:100%}.about-flex{display:flex;align-items:center;justify-content:space-between;gap:4rem;background:#fff;border-radius:24px;padding:4rem;box-shadow:0 20px 40px rgba(0,0,0,.05);opacity:0;transform:translateY(40px);transition:opacity 0.4s ease,transform 0.4s ease;will-change:opacity,transform}.about-flex.in-view{opacity:1;transform:translateY(0)}.about-content-wrapper{flex:1;background-color:transparent;z-index:2;position:relative}.about-image-wrapper{flex:1;position:relative;z-index:1;height:635px;perspective:1500px;cursor:pointer}.about-image-inner{position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.1);transform-style:preserve-3d;will-change:transform;transition:transform .6s cubic-bezier(.25,1,.5,1)}.about-image{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(100%);transform:scale(1) translateZ(0);transition:transform 0.4s cubic-bezier(.25,1,.5,1),filter 0.4s ease;will-change:transform,filter}.about-image-wrapper:hover .about-image{transform:scale(1.15) translateZ(0);filter:saturate(140%)}.image-glare{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 60%);mix-blend-mode:overlay;opacity:0;pointer-events:none;transition:opacity .5s ease;transform:translateZ(1px);will-change:transform,opacity}.about-title-new{font-size:3rem;font-weight:800;color:#1a1a1a;margin:0 0 24px 0;letter-spacing:-.03em}.about-text-new{font-size:1.125rem;line-height:1.7;color:#555;margin:0 0 40px 0}.btn-primary-new{display:inline-flex;align-items:center;justify-content:center;background-color:#000;color:#fff;text-decoration:none;padding:16px 40px;border-radius:50px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;transition:all .3s ease}.btn-primary-new:hover{background-color:#333;transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.15)}@media (max-width:992px){.about-flex{flex-direction:column;padding:2.5rem}.about-image-wrapper{width:100%;height:400px}.about-content-wrapper{text-align:center}}@media (max-width:480px){.about-title-new{font-size:2.2rem}}.brands-section{padding:40px 0 15vh;overflow:hidden;background:transparent;position:relative;z-index:10}.brands-container{display:flex;flex-direction:column;gap:3rem;width:100vw;overflow:hidden}.marquee{display:flex;width:max-content;gap:5rem;padding-left:5rem}.marquee-left{animation:scrollLeft 90s linear infinite}.marquee-right{animation:scrollRight 90s linear infinite}.marquee:hover{animation-play-state:paused}@keyframes scrollLeft{to{transform:translateX(calc(-50% - 2.5rem))}}@keyframes scrollRight{from{transform:translateX(calc(-50% - 2.5rem))}}to{transform:translateX(0)}.brand-logo-wrapper{width:180px;height:70px;display:flex;align-items:center;justify-content:center;position:relative}.brand-logo-wrapper img{max-width:100%;max-height:100%;object-fit:contain;filter:opacity(.7);transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;will-change:transform,filter}.brand-logo-wrapper img:hover{filter:opacity(1);transform:scale(1.15)}.brand-fallback-text{font-size:1.5rem;font-weight:800;color:#999;text-transform:uppercase;letter-spacing:1px;transition:all .4s ease}.brand-logo-wrapper:hover .brand-fallback-text{color:#111;transform:scale(1.1)}@media (max-width:480px){.marquee-left,.marquee-right{animation-duration:50s}}#lfc-text{flex:1;max-width:500px;opacity:0;transform:translateY(40px);transition:opacity 0.4s cubic-bezier(.16,1,.3,1),transform 0.4s cubic-bezier(.16,1,.3,1);z-index:20}#lfc-text.is-visible{opacity:1;transform:translateY(0)}#lfc-scene{perspective:1200px;width:480px;height:480px;position:relative;z-index:10;transform:scale(1.02);flex-shrink:0}@media(min-width:992px){#lfc-scene{transform:scale(1.62);margin-left:5vw}}#lfc-wrap{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;cursor:grab}#lfc-wrap:active{cursor:grabbing}#lfc-shadow{position:absolute;width:380px;height:60px;top:110%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0%,transparent 70%);filter:blur(10px);border-radius:50%;pointer-events:none}#lfc-core{width:100%;height:100%;position:absolute;transform-style:preserve-3d;will-change:transform;pointer-events:none}.cubie{width:160px;height:160px;position:absolute;top:160px;left:160px;transform-style:preserve-3d;will-change:transform;pointer-events:none}.face{position:absolute;width:160px;height:160px;background:#050505;box-shadow:0 0 2px 1px #000,inset 0 0 15px #000;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;box-sizing:border-box;transform-style:preserve-3d;pointer-events:none}.sticker{position:relative;width:148px;height:148px;border-radius:12px;display:flex;justify-content:center;align-items:center;transform:translateZ(3px);transform-style:preserve-3d;box-shadow:inset 0 0 0 1px rgba(0,0,0,.3),inset 4px 4px 8px rgba(255,255,255,.3),inset -5px -5px 10px rgba(0,0,0,.3),0 6px 10px rgba(0,0,0,.5);user-select:none;pointer-events:none}.sticker::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mouseX) var(--mouseY),rgba(255,255,255,.1) 0,transparent 60%);mix-blend-mode:screen;pointer-events:none}.face-u{transform:rotateX(90deg) translateZ(80px)}.face-u .sticker{background:#D9C9B4}.face-d{transform:rotateX(-90deg) translateZ(80px)}.face-d .sticker{background:#7DB1D1}.face-f{transform:rotateY(0deg) translateZ(80px)}.face-b{transform:rotateY(180deg) translateZ(80px)}.face-b .sticker{background:#29566B}.face-l{transform:rotateY(-90deg) translateZ(80px)}.face-l .sticker{background:#E16524}.face-r{transform:rotateY(90deg) translateZ(80px)}.face-r .sticker{background:#912727}@keyframes lfcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes lfcShadowFloat{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(.85);opacity:.6}}.is-floating{animation:lfcFloat 4s ease-in-out infinite}.is-floating-shadow{animation:lfcShadowFloat 4s ease-in-out infinite}#rubiks-container{position:relative;width:100vw;min-height:100vh;background:transparent;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;overflow:hidden;z-index:10;padding:100px 5vw}@media (min-width:992px){#rubiks-container{flex-direction:row;gap:12vw;justify-content:center}}#easter-spin:hover,#easter-smarter:hover,#easter-mosaic:hover{color:#000;text-shadow:0 0 8px rgba(0,0,0,.15);transition:all .3s ease}</style></head><body><section class="hero-section"><div id="video-container"><img decoding="async" id="v1" fetchpriority="high" crossorigin="anonymous" class="hero-video opacity-100 z-10" src="https://res.cloudinary.com/hdi/video/upload/f_webp,q_auto,so_0/v1772662701/designonesourcex.com/Barajas_addie_2.webp?cb=v14.0.0" alt="Barajas Madrid Airport"><img decoding="async" id="v2" loading="lazy" crossorigin="anonymous" class="hero-video opacity-0 z-0" src="https://res.cloudinary.com/hdi/video/upload/f_webp,q_auto,so_0/v1772661694/designonesourcex.com/CalgaryLibrary_Addie.webp?cb=v14.0.0" alt="Calgary's New Library"></div><div id="hero-overlay-text" class="opacity-0"><h1 id="hero-title">Barajas Madrid Airport</h1><h2 id="hero-subtitle">MOSO Bamboo Ceiling Panels</h2></div><div class="hero-gradient"></div><a href="#gallery-section" id="scroll-down-btn"><span class="scroll-text">Scroll</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="40" viewBox="0 0 20 40" fill="none" stroke="#64748b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="10" y1="0" x2="10" y2="30" class="arrow-line"></line><polyline points="3 23 10 30 17 23" class="arrow-head"></polyline></svg></a></section><section class="gallery-wrapper" id="gallery-section"><div class="products-title-container"><h2 class="products-title"><span class="title-word">Our</span> <span class="title-word">Products</span></h2></div><div class="gallery-grid" id="gallery-grid"></div></section><section class="projects-wrapper"><div style="padding:0 4vw"><h2 class="products-title"><span class="title-word">Our</span> <span class="title-word">Projects</span></h2></div><div class="projects-split" id="projects-section"></div></section><div class="about-wrapper"><div class="about-container"><section class="about-section about-flex"><div class="about-content-wrapper"><h2 class="about-title-new">About Us</h2><p class="about-text-new">DesignOneSource is the Specification Division of <a href="https://adentragroup.com" target="_top" rel="noopener noreferrer" style="color:#111;font-weight:700;text-decoration:underline">ADENTRA</a> representing products from Rugby Architectural Building Products, Hardwoods Specialty Products, and Paxton Lumber.</p><p class="about-text-new">DesignOneSource is ADENTRA’s strategic platform for empowering designers, specifiers, and sales teams with the tools, insights, and expert support they need to make confident, informed decisions across thousands of decorative surface products from around the world.</p><a href="/about-us" class="btn-primary-new" target="_top">ABOUT Us</a></div><div class="about-image-wrapper" id="about-img-wrap"><div class="about-image-inner"><img decoding="async" src="https://res.cloudinary.com/hdi/images/w_2000/v1644894109/Sunset_Beach_Exteriors_14/Sunset_Beach_Exteriors_14.webp?cb=v14.0.0" class="about-image" alt="About Us Architectural Element"><div class="image-glare"></div></div></div></section></div></div><section id="rubiks-container"><div id="lfc-text"><h2 class="section-title" style="transform:none;opacity:1;padding-left:0;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem)"><span id="easter-mosaic" style="cursor:pointer;display:inline-block">Mosaic</span></h2><p style="font-size:calc(1.25rem + 2px);font-weight:700;color:#444;margin-bottom:2.5rem;max-width:400px;line-height:1.6">A <span id="easter-smarter" style="cursor:pointer;display:inline-block;position:relative;z-index:20">smarter</span> <span id="easter-spin" style="cursor:pointer;display:inline-block;position:relative;z-index:20">spin</span> on design decisions.</p><a href="/mosaic2/" class="btn-primary-new" target="_top">See Mosaic</a></div><div id="lfc-scene"><div id="lfc-shadow"></div><div id="lfc-wrap"><div id="lfc-core"></div></div></div></section><section class="brands-section"><h2 class="section-title" style="margin-bottom:4rem" id="brands-title">Discover<br>Our Products</h2><div class="brands-container"><div class="marquee marquee-left" id="marquee-row-1"></div><div class="marquee marquee-right" id="marquee-row-2"></div></div></section><script type="module">const CONFIG={videos:[{title:"Barajas Madrid Airport",sub:"MOSO Bamboo Ceiling Panels"},{title:"Calgary's New Library",sub:"450,000+ Feet of Specialty Hemlock Lumber"}],gallery:[{title:"Wood",sub:"Veneers, Slats, Panels",vid:"hpcatscene1",link:"/brands/wood"},{title:"Laminates",sub:"Thermally Fused & HPL",vid:"hpcatscene2",link:"/brands/laminates"},{title:"High Gloss",sub:"Acrylic & Polymer TFL",vid:"hpcatscene3",link:"/brands/high-gloss"},{title:"Engineered Surfaces",sub:"Solid Surface & Quartz",vid:"hpcatscene4",link:"/brands/engineered-surfaces"},{title:"Matte",sub:"Anti-Fingerprint Finishes",vid:"hpcatscene5",link:"/brands/matte"},{title:"Exterior",sub:"Outdoor Living Materials",vid:"hpcatscene6",link:"/brands/exterior-products"}],projects:[{title:"Commercial<br>Projects",img:"v1742199060/Wordpress-Cloudinary-Media/DesignOneSource/Wordpress-Cloudinary-Media/DesignOneSource/screenshot-2022-04-26-155619/screenshot-2022-04-26-155619.webp"},{title:"Residential<br>Projects",img:"v1742199115/Wordpress-Cloudinary-Media/DesignOneSource/Wordpress-Cloudinary-Media/DesignOneSource/residential-projects_427129ab65/residential-projects_427129ab65.webp"}],brands:{row1:[{name:"AGT",domain:"agt.com.tr",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1742199759/Wordpress-Cloudinary-Media/DesignOneSource/Wordpress-Cloudinary-Media/DesignOneSource/agttsp/agttsp.png?_i=AA"},{name:"ASTRATA",domain:"decospan.com",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1736527671/Wordpress-Cloudinary-Media/DesignOneSource/Wordpress-Cloudinary-Media/DesignOneSource/LOG-ASTRATA-2-pos_36312f7300/LOG-ASTRATA-2-pos_36312f7300.png?_i=AA"},{name:"Durasein",domain:"durasein.com",img:"https://res.cloudinary.com/hdi/images/w_1536,h_582,c_scale/f_webp,q_auto:best/v1718810336/Suppliers/Durasein/Logos/Durasein_Logo/Durasein_Logo.jpg?_i=AA"},{name:"Echo Wood",domain:"hardwoods-inc.com",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1687446761/echowoodnew/echowoodnew.png?_i=AA"},{name:"EGGER",domain:"egger.com",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1742199853/Wordpress-Cloudinary-Media/DesignOneSource/Wordpress-Cloudinary-Media/DesignOneSource/eggertsp/eggertsp.png?_i=AA"},{name:"Kebony",domain:"kebony.com",img:"https://res.cloudinary.com/hdi/images/w_134,h_240,c_scale/f_webp,q_auto:best/v1701258437/kebondygalleryicon/kebondygalleryicon.png?_i=AA"},{name:"NUXE",domain:"nuxe.com",img:"https://res.cloudinary.com/hdi/image/upload/v1742809138/Wordpress-Cloudinary-Media/EcomAdentragroup/Wordpress-Cloudinary-Media/EcomAdentragroup/nuxewalnut_40325d42fa.png"},{name:"Pionite",domain:"pionite.com",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1687446753/pionite2logo/pionite2logo.png?_i=AA"},{name:"Polygrain",domain:"polygrain.com",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1736527474/Wordpress-Cloudinary-Media/DesignOneSource/Wordpress-Cloudinary-Media/DesignOneSource/Simona-polygrain-logo_375972fe4b/Simona-polygrain-logo_375972fe4b.png?_i=AA"},{name:"PRISM",domain:"arauco.com",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1736948657/Wordpress-Cloudinary-Media/DesignOneSource/Wordpress-Cloudinary-Media/DesignOneSource/araucoprismlogowide/araucoprismlogowide.png?_i=AA"},{name:"QUERKUS",domain:"querkusdecospan.com",img:"https://res.cloudinary.com/hdi/image/upload/v1708690897/DesignOneSource/Images/Elements/Website/LOGOQUERKUS.png"}],row2:[{name:"LUMMIA",domain:"tafisa.ca",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1690473796/tafisalummia/tafisalummia.png?_i=AA"},{name:"Red Grandis",domain:"redgrandis.com",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1687446750/redgrandis4/redgrandis4.png?_i=AA"},{name:"SHINNOKI",domain:"shinnoki.com",img:"https://res.cloudinary.com/hdi/images/w_1536,h_138,c_scale/f_webp,q_auto:best/v1736527677/Wordpress-Cloudinary-Media/DesignOneSource/Wordpress-Cloudinary-Media/DesignOneSource/LOG-SHINNOKI-2-pos_3619164faa/LOG-SHINNOKI-2-pos_3619164faa.png?_i=AA"},{name:"staron",domain:"staron.com",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1742199958/Wordpress-Cloudinary-Media/DesignOneSource/Wordpress-Cloudinary-Media/DesignOneSource/staron2rm/staron2rm.png?_i=AA"},{name:"StyleLite",domain:"stylelite.net",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1742199999/Wordpress-Cloudinary-Media/DesignOneSource/Wordpress-Cloudinary-Media/DesignOneSource/styliterm/styliterm.png?_i=AA"},{name:"TAFISA",domain:"tafisa.ca",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1742200040/Wordpress-Cloudinary-Media/DesignOneSource/Wordpress-Cloudinary-Media/DesignOneSource/tafisa333_4272353713/tafisa333_4272353713.png?_i=AA"},{name:"UNIBOARD",domain:"uniboard.com",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1742200075/Wordpress-Cloudinary-Media/DesignOneSource/Wordpress-Cloudinary-Media/DesignOneSource/uniboardddd/uniboardddd.png?_i=AA"},{name:"UNILIN",domain:"unilin.com",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1742200115/Wordpress-Cloudinary-Media/DesignOneSource/Wordpress-Cloudinary-Media/DesignOneSource/unilin333_42725e7bb9/unilin333_42725e7bb9.png?_i=AA"},{name:"Wilsonart",domain:"wilsonart.com",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1687446744/wilsonart3/wilsonart3.png?_i=AA"},{name:"Yukari",domain:"yukari.com",img:"https://res.cloudinary.com/hdi/images/f_webp,q_auto:best/v1687446746/yukarilogo/yukarilogo.png?_i=AA"}]}};const CACHE_VER="v14.0.0";const bust=url=>{if(!url)return url;if(url.includes(".mp4"))return url;return`${url}${url.includes("?")?"&":"?"}cb=${CACHE_VER}`};class ButterFlux{constructor(){this.triggers=[];this.magnetics=[];this.y=window.scrollY;this.observer=new IntersectionObserver(e=>{e.forEach(e=>{if(e.isIntersecting){const t=this.triggers.find(t=>t.el===e.target);t&&t.config.onEnter&&t.config.onEnter(e.target);t&&!t.config.scrub&&this.observer.unobserve(e.target)}})},{threshold:.1});this.loop=this.loop.bind(this)}init(){document.documentElement.classList.add("bf-active");requestAnimationFrame(this.loop);return this}stagger(e,t=.1){document.querySelectorAll(e).forEach((e,r)=>{e.style.transitionDelay=`${r*t}s`})}trigger(e,t={}){document.querySelectorAll(e).forEach(e=>{this.triggers.push({el:e,config:t});this.observer.observe(e)})}runTriggers(){this.triggers.forEach(e=>{if(e.config.scrub){const t=e.el.parentElement.getBoundingClientRect(),r=t.top+window.scrollY,o=Math.max(0,Math.min(1,(window.innerHeight-(r-this.y))/(t.height+window.innerHeight)));e.config.onUpdate?.(o,e.el)}})}magnetic(e,{strength:t=30}={}){document.querySelectorAll(e).forEach(e=>{const r={el:e,strength:t,x:0,y:0,curX:0,curY:0};this.magnetics.push(r);e.addEventListener("mousemove",o=>{const s=e.getBoundingClientRect();r.x=((o.clientX-s.left)/s.width-.5)*t;r.y=((o.clientY-s.top)/s.height-.5)*t},{passive:!0});e.addEventListener("mouseleave",()=>{r.x=r.y=0})})}loop(){this.y=window.scrollY;this.magnetics.forEach(e=>{e.curX+=(e.x-e.curX)*.1;e.curY+=(e.y-e.curY)*.1;e.el.style.transform=`translate3d(${e.curX}px, ${e.curY}px, 0)`});this.runTriggers();requestAnimationFrame(this.loop)}scrollTo(e){const t=document.querySelector(e);t&&window.scrollTo({top:t.getBoundingClientRect().top+window.scrollY,behavior:"smooth"})}}class LuxFluxCube{constructor(){this.container=document.getElementById("rubiks-container");if(!this.container)return;this.core=document.getElementById("lfc-core");this.c=[];this.h=[];this.a=!1;this.hx=-18;this.hy=-28;this.rx=-45;this.ry=-45;this.tRx=this.rx;this.tRy=this.ry;this.vX=0;this.vY=0;this.D=!1;this.I=!1;this.solvedInit=!1;this.isSolving=!1;this.container.style.setProperty("--mouseX","50%");this.container.style.setProperty("--mouseY","0%");this.inView=!1;this.geo();this.silentScramble();this.core.style.transform=`translate3d(0,0,-250px) rotateX(${this.rx}deg) rotateY(${this.ry}deg)`;this.drag();this.loop();const e=document.getElementById("easter-spin"),t=document.getElementById("easter-smarter"),r=document.getElementById("easter-mosaic");if(e){e.addEventListener("click",()=>{if(!this.isSolving&&0===this.h.length){document.getElementById("lfc-wrap").classList.remove("is-floating");document.getElementById("lfc-shadow").classList.remove("is-floating-shadow");this.silentScramble();this.vX=30;this.vY=-20}})}const s=()=>{if(!this.isSolving&&this.h.length>0){this.isSolving=!0;this.solve()}};if(t)t.addEventListener("click",s);if(r)r.addEventListener("click",s)}uc(c,a,d){let x=c.lx,y=c.ly,z=c.lz;"x"===a?(y=-d*c.lz,z=d*c.ly):"y"===a?(x=d*c.lz,z=-d*c.lx):(x=-d*c.ly,y=d*c.lx);c.lx=x;c.ly=y;c.lz=z}geo(){let t=0;for(let s of [-1,1])for(let r of [-1,1])for(let i of [-1,1]){let a=document.createElement("div");a.className="cubie";const c={u:-1===r,d:1===r,l:-1===s,r:1===s,f:1===i,b:-1===i};Object.entries(c).forEach(([c,x])=>{if(x){let d=document.createElement("div");d.className=`face face-${c}`;let l=document.createElement("div");l.className="sticker";if("f"===c){let bgX=s===-1?40:-120,bgY=r===-1?40:-120;l.style.cssText=`background:url('${bust("https://res.cloudinary.com/hdi/image/upload/v1700321072/mosaicspinlogo.png")}') #ffffff no-repeat;background-size:240px 240px;background-position:${bgX}px ${bgY}px`}d.appendChild(l);a.appendChild(d)}});a.style.transform=`translate3d(${80*s}px,${80*r}px,${80*i}px)`;this.c.push({id:t++,el:a,lx:s,ly:r,lz:i,tx:80*s,ty:80*r,tz:80*i,rx:0,ry:0,rz:0});this.core.appendChild(a)}}silentScramble(){let e=["x","y","z"],t=[-1,1],s=[1,-1];for(let r=0;r<25;r++){let i=e[Math.floor(Math.random()*e.length)],a=t[Math.floor(Math.random()*t.length)],c=s[Math.floor(Math.random()*s.length)];this.h.push({a:i,ly:a,d:-c});this.c.filter(e=>e[`l${i}`]===a).forEach(e=>{e.el.style.transform=`rotate${i.toUpperCase()}(${90*c}deg) `+e.el.style.transform;this.uc(e,i,c)})}}drag(){let e,t;this.container.addEventListener("pointerdown",s=>{this.D=!0;this.I=!1;e=s.clientX;t=s.clientY;this.vX=0;this.vY=0});window.addEventListener("pointermove",s=>{if(!this.inView||!this.D)return;let r=s.clientX/window.innerWidth*100,i=s.clientY/window.innerHeight*100;this.container.style.setProperty("--mouseX",`${r}%`);this.container.style.setProperty("--mouseY",`${i}%`);let a=s.clientX-e,c=s.clientY-t;this.vX=a;this.vY=c;this.tRy+=.5*a;this.tRx-=.5*c;e=s.clientX;t=s.clientY});window.addEventListener("pointerup",()=>{this.D=!1})}loop(){requestAnimationFrame(()=>this.loop());const e=this.container.getBoundingClientRect();this.inView=e.top<window.innerHeight&&e.bottom>0;if(this.inView&&!this.solvedInit&&e.top<window.innerHeight*.75){this.solvedInit=!0;this.I=!0;document.getElementById("lfc-text").classList.add("is-visible");setTimeout(()=>{this.isSolving=!0;this.solve()},800)}if(!this.inView)return;if(!this.D&&!this.I&&Math.abs(this.vX)<.001&&Math.abs(this.vY)<.001&&Math.abs(this.tRx-this.rx)<.01&&Math.abs(this.tRy-this.ry)<.01)return;this.D||(this.tRy+=.5*this.vX,this.tRx-=.5*this.vY,this.vX*=.92,this.vY*=.92);this.I&&(this.tRy-=.15);this.rx+=.08*(this.tRx-this.rx);this.ry+=.08*(this.tRy-this.ry);this.core.style.transform=`translate3d(0,0,-250px) rotateX(${this.rx}deg) rotateY(${this.ry}deg)`}move(e,t,s,r=!0,i=null){if(this.a)return;this.a=!0;let a=null!==i?i:r?400:60,c=null!==i?"linear":r?"cubic-bezier(.25,1,.5,1)":"ease-in-out",d=document.createElement("div");d.style.cssText="position:absolute;width:100%;height:100%;transform-style:preserve-3d;pointer-events:none;";d.style.transition=`transform ${a}ms ${c}`;this.core.appendChild(d);let l=this.c.filter(s=>s[`l${e}`]===t);l.forEach(e=>d.appendChild(e.el));d.offsetHeight;d.style.transform=`rotate${e.toUpperCase()}(${90*s}deg)`;setTimeout(()=>{l.forEach(r=>{r.el.style.transform=`rotate${e.toUpperCase()}(${90*s}deg) `+r.el.style.transform;this.uc(r,e,s);this.core.appendChild(r.el)});d.remove();this.a=!1},a+10)}solve(){if(0!==this.h.length){if(this.a){setTimeout(()=>this.solve(),50)}else{let e=this.h.pop();this.move(e.a,e.ly,e.d,!1);if(0===this.h.length){this.isSolving=!1;this.I=!1;this.tRx=this.hx;this.tRy=this.hy;setTimeout(()=>{document.getElementById("lfc-wrap").classList.add("is-floating");document.getElementById("lfc-shadow").classList.add("is-floating-shadow")},500)}else{setTimeout(()=>this.solve(),70)}}}else{this.isSolving=!1}}}const render=()=>{const e="https://res.cloudinary.com/hdi/video/upload/v1771520045/DesignOneSource/DesignOneSourceX/HomePageAssets/",t="https://res.cloudinary.com/hdi/images/v1742199470/Wordpress-Cloudinary-Media/DesignOneSource/Wordpress-Cloudinary-Media/DesignOneSource/",r=document.getElementById("gallery-grid");[0,3].forEach(s=>{const i=document.createElement("div");i.className="gallery-row";CONFIG.gallery.slice(s,s+3).forEach((s,a)=>{const c=0===a?"is-hovered":"";i.innerHTML+=`<a href="${s.link}" target="_top" class="gallery-item ${c}"><img decoding="async" crossorigin="anonymous" src="${bust(e+s.vid+".webp")}" alt="${s.title}" loading="lazy"><div class="color-overlay"></div><div class="gallery-content"><h2 class="gallery-title">${s.title}</h2><p class="gallery-subtitle">${s.sub}</p></div></a>`});r.appendChild(i)});const s=document.getElementById("projects-section");CONFIG.projects.forEach((e,t)=>{s.innerHTML+=`<a href="/inspiration/" target="_top" class="project-panel ${0===t?"is-active":""}"><div class="panel-bg" style="background-image:url(${bust("https://res.cloudinary.com/hdi/images/w_2000/"+e.img)})"></div><div class="panel-overlay"></div><div class="panel-glare-wrapper"><div class="panel-glare"></div></div><div class="panel-content"><h2>${e.title}</h2><span class="explore-btn">Explore Work</span></div></a>`});const a=(e,t)=>{const r=document.getElementById(t),s=[...e,...e];s.forEach(e=>{r.innerHTML+=`<div class="brand-logo-wrapper" title="${e.name}"><img decoding="async" src="${bust(e.img)}" alt="${e.name}" onerror="this.onerror=null; this.src='https://logo.clearbit.com/${e.domain}';"><span class="brand-fallback-text" style="display:none;">${e.name}</span></div>`})};a(CONFIG.brands.row1,"marquee-row-1");a(CONFIG.brands.row2,"marquee-row-2")};document.addEventListener("DOMContentLoaded",()=>{document.addEventListener("click",function(e){const t=e.target.closest("a");if(t&&t.href){const e=t.getAttribute("href");if(e&&e.startsWith("#"))return;if(window.top!==window.self){e.preventDefault();window.top.location.href=t.href}}});let e=window.scrollY;window.addEventListener("scroll",()=>{let t=window.scrollY;if(window.parent&&window.parent!==window){let e=window.parent.document;if(!e.getElementById("dx-f-style")){let t=e.createElement("style");t.id="dx-f-style";t.innerHTML="body.hide-elementor-footer footer,body.hide-elementor-footer .elementor-location-footer{display:none!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}";e.head.appendChild(t)}if(t<e){e.body.classList.add("hide-elementor-footer")}else if(t>e){e.body.classList.remove("hide-elementor-footer")}}e=t<=0?0:t},{passive:!0});render();const t=document.querySelector(".gallery-grid");if(t){t.addEventListener("mouseleave",()=>{document.querySelectorAll(".gallery-item.is-hovered").forEach(e=>e.classList.remove("is-hovered"));const e=document.querySelectorAll(".gallery-item")[0];if(e)e.classList.add("is-hovered")})}document.querySelectorAll(".gallery-item").forEach(e=>{let t;e.addEventListener("mouseenter",()=>{t=setTimeout(()=>{document.querySelectorAll(".gallery-item.is-hovered").forEach(e=>e.classList.remove("is-hovered"));e.classList.add("is-hovered")},120)});e.addEventListener("mouseleave",()=>{clearTimeout(t)})});const r=new ButterFlux().init(),s=document.querySelectorAll(".hero-video"),i=document.getElementById("hero-title"),a=document.getElementById("hero-subtitle"),c=document.getElementById("hero-overlay-text");let d=0;const l=()=>{s[d].classList.replace("opacity-100","opacity-0");s[d].classList.replace("z-10","z-0");d=(d+1)%s.length;s[d].classList.replace("opacity-0","opacity-100");s[d].classList.replace("z-0","z-10");c.classList.remove("text-enter-left");void c.offsetWidth;i.textContent=CONFIG.videos[d].title;a.textContent=CONFIG.videos[d].sub;c.classList.add("text-enter-left");};setInterval(l, 8000);if(sessionStorage.getItem("dx_visited")){c.style.animation="none";c.style.opacity="1";c.style.transform="translateX(0)";c.classList.remove("opacity-0")}else{setTimeout(()=>{c.classList.remove("opacity-0");c.classList.add("text-enter-left")},0);sessionStorage.setItem("dx_visited","true")}document.querySelectorAll(".project-panel").forEach(e=>{const t=e.querySelector(".panel-bg"),r=e.querySelector(".panel-glare");const s=()=>{document.querySelector(".project-panel.is-active")?.classList.remove("is-active");e.classList.add("is-active");r.style.opacity="1";t.style.transition="transform 0.15s ease-out"};const i=()=>{t.style.transition="transform 0.4s cubic-bezier(.16,1,.3,1)";t.style.transform="scale(1) translate3d(0,0,0)";r.style.opacity="0"};e.addEventListener("mouseenter",s);e.addEventListener("focusin",s);e.addEventListener("mousemove",s=>{const i=e.getBoundingClientRect(),a=(s.clientX-i.left)/i.width-.5,c=(s.clientY-i.top)/i.height-.5;t.style.transform=`scale(1.05) translate3d(${40*a}px, ${40*c}px, 0)`;r.style.transform=`translate3d(${400*a}px, ${400*c}px, 0)`},{passive:!0});e.addEventListener("mouseleave",i);e.addEventListener("focusout",i)});r.stagger(".title-word",.15);r.trigger(".title-word",{onEnter:e=>e.classList.add("in-view")});r.trigger(".gallery-item",{onEnter:e=>{e.classList.add("in-view");}});r.trigger(".project-panel",{onEnter:e=>e.classList.add("in-view")});r.trigger(".section-title",{onEnter:e=>e.classList.add("is-visible")});r.trigger(".about-section",{onEnter:e=>e.classList.add("in-view")});const n=document.getElementById("about-img-wrap");if(n){const e=n.querySelector(".about-image-inner"),t=n.querySelector(".image-glare");n.addEventListener("mousemove",r=>{const s=n.getBoundingClientRect(),i=r.clientX-s.left,a=r.clientY-s.top,c=(i/s.width-.5)*15,d=-(a/s.height-.5)*15;e.style.transition="none";e.style.transform=`rotateX(${d}deg) rotateY(${c}deg) translateZ(0)`;t.style.opacity="1";t.style.background=`radial-gradient(circle at ${i}px ${a}px, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 60%)`});n.addEventListener("mouseleave",()=>{e.style.transition="transform 0.4s cubic-bezier(0.25, 1, 0.5, 1)";e.style.transform="rotateX(0deg) rotateY(0deg) translateZ(0)";t.style.opacity="0"});n.addEventListener("mouseenter",()=>{e.style.transition="transform 0.2s cubic-bezier(0.25, 1, 0.5, 1)"})}new LuxFluxCube()});</script></body></html>